ngRoute不工作在angularJS

-1

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Index</title> 
    <link href="~/styles/bootstrap.min.css" rel="stylesheet" /> 
    <link href="~/styles/bootstrap-theme.min.css" rel="stylesheet" /> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.js"></script> 
</head> 
<body ng-app="appName"> 
    <a href="/view1">view1</a> 
    <a href="/view1">view2</a> 
    <div> 
    this is a dynamic message: {{message}} 
</div> 
<div ng-view> 

</div> 
    <script type="text/javascript"> 
     var app = angular.module('appName', ['ngRoute']); 

     app.config(function ($routeProvider) { 
      $routeProvider.when('/', { 
       templateUrl: 'pages/home.html', 
       controller: 'HomeController' 
      }) 
       .when('/view1', { 
        templateUrl: 'pages/about.html', 
        controller: 'FirstController' 
       }) 
       .when('/view2', { 
        templateUrl: 'pages/contact.html', 
        controller: 'SecondController' 
       }) 
       .otherwise({ 
        redirectTo: '/' 
       }); 
     }); 
     app.controller('FirstController', function ($scope) { 
      $scope.message = 'first controller'; 
     }); 
     app.controller('SecondController', function ($scope) { 
      $scope.message = 'Second controller'; 
     }); 
     app.controller('HomeController', function ($scope) { 
      $scope.message = 'Home controller'; 
     }); 
    </script> 
</body> 
</html>

，但是当我在厂景或视图2锚标记点击，什么也没发生，我得到这样 resource not found error

我不错误在控制台中得到任何错误，谁能帮我弄清楚究竟是什么错误。

来源

2017-01-09 Lijin Durairaj

你是什么服务器的意思是，我使用CDN –

一个＃中缺少的环节：'HREF = “＃/厂景”' – AlainIb

在您的HTML里，你错过了 ngview指令添加它。

<div ng-view></div>

为了进一步帮助看到此链接 http://viralpatel.net/blogs/angularjs-routing-and-views-tutorial-with-example/

来源

2017-01-09 12:10:24 SamiMalik

请你检查我的代码，我实际上有一个ng-view指令 –

使用ng-view显示的内容和你的锚标记错过#

<body ng-app="appName"> 
    <a href="#/view1">view1</a> 
    <a href="#/view1">view2</a> 
    <div ng-view> 
    this is a dynamic message: {{message}} 
    </div> 
    <script> 
    <!-- script here --> 
    </script> 
</body>

来源

2017-01-09 12:10:25

你真的尝试过吗，请使用我的代码，并尝试它，因为它不适合我 –

所以，最后你决定，我标记了这个问题。即使你不知道是谁明确了这个问题，但你是在为此责怪我 –

-1

你没NG-视图

在html中添加以下内容以加载页面

<div ng-view></div>

尝试此应用程序配置

app.config(function (locationProvider, $routeProvider) { 
      $locationProvider.hashPrefix('#'); 
      $routeProvider.when('/', { 
       templateUrl: 'pages/home.html', 
       controller: 'HomeController' 
      }) 
       .when('/view1', { 
        templateUrl: 'pages/about.html', 
        controller: 'FirstController' 
       }) 
       .when('/view2', { 
        templateUrl: 'pages/contact.html', 
        controller: 'SecondController' 
       }) 
       .otherwise({ 
        redirectTo: '/' 
       }); 
     });

来源

2017-01-09 12:11:58 rambo

ngRoute不工作在angularJS

回答

相关问题