AngularJS:ngRouter无法工作
因为UI路由不能与指令一起工作(它具有不可破坏的隔离作用域)并且不适合,所以我正在测试删除UI路由并使用ngRoute。我在ngRoute上花了一天时间,但它仍然不起作用。我想我的代码中一定有一些微妙的错误,但我就是想不出来。简化测试代码如下所示: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=
<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此解决方案有效!谢谢你这一天终于救了我!谢谢你这一天终于救了我!