AngularJS:ngRouter无法工作

AngularJS:ngRouter无法工作,angularjs,ngroute,Angularjs,Ngroute,因为UI路由不能与指令一起工作(它具有不可破坏的隔离作用域)并且不适合,所以我正在测试删除UI路由并使用ngRoute。我在ngRoute上花了一天时间,但它仍然不起作用。我想我的代码中一定有一些微妙的错误,但我就是想不出来。简化测试代码如下所示: <html lang="en" ng-app="Hello" ng-strict-di> <head> <title>Hello</title> <script script type=

因为UI路由不能与指令一起工作(它具有不可破坏的隔离作用域)并且不适合,所以我正在测试删除UI路由并使用ngRoute。我在ngRoute上花了一天时间,但它仍然不起作用。我想我的代码中一定有一些微妙的错误,但我就是想不出来。简化测试代码如下所示:

<html lang="en" ng-app="Hello" ng-strict-di>

<head>
  <title>Hello</title>
  <script script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.min.js"></script>
  <script script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular-route.min.js"></script>
  <script>
    'use strict';
    angular.module('Hello', ['ngRoute'])
    .config(['$routeProvider', function ($routeProvider) {
      $routeProvider.when('/hello', {
        templateUrl: 'hello.html',
        controller: 'Ctrl1'
      }).otherwise({
        redirectTo: "/"
      });
    }])
    .controller('Ctrl1', ['$scope', function ($scope) {
      $scope.content = 'Hello World!';
    }]);
  </script>
</head>

<body>
  <div>
    <h1>Demo</h1>
    <a href="#/hello">click me</a>
  </div>
  <ng-view></ng-view>
  <script type="text/ng-template" id="hello.html">
    <p>{{content}}</p>
  </script>
</body>

</html>

你好
"严格使用",;
angular.module('Hello',['ngRoute']))
.config(['$routeProvider',函数($routeProvider){
$routeProvider.when(“/hello”{
templateUrl:'hello.html',
控制器:“Ctrl1”
}).否则({
重定向至:“/”
});
}])
.controller('Ctrl1',['$scope',函数($scope){
$scope.content='Hello World!';
}]);
演示
{{content}}

非常感谢您能帮助我。

您必须使用
,因为您使用的是angular 1.6.x。你必须加一个感叹号!到你的href

更多参考:

您必须使用
,因为您使用的是angular 1.6.x。你必须加一个感叹号!到你的href


更多参考:

是否有任何错误?您是否尝试了
localhost
?@Avnesh,我正在上面的localhost中尝试。但在我的真实场景中,我从服务器获取了要显示的数据。@Oops尝试使用angular 1.6Thank you@Vivz作为锚标记,因为您使用的是angular 1.6Thank you此解决方案有效!有什么错误吗?您是否尝试过使用
localhost
?@Avnesh,我在上面的localhost中尝试过。但在我的真实场景中,我从服务器获取了要显示的数据。@Oops尝试使用angular 1.6Thank you@Vivz作为锚标记,因为您使用的是angular 1.6Thank you此解决方案有效!谢谢你这一天终于救了我!谢谢你这一天终于救了我!