我用了所有可能的方法来解决这个问题,但都失败了。 如果您对了解此问题有任何疑问,请告诉我。 下面是我的代码,检查是否有语法错误。 我已经使用本地 Angular js 文件作为路由并尝试使用 CDN。 但没有什么影响。
Index.html
<!-- define angular controller -->
<body ng-app="mydemo" ng-controller="mainController">
<ul>
<li><a href="#"> Home</a></li>
<li><a href="#about"></i> About</a></li>
<li><a href="#contact"></i> Contact</a></li>
</ul>
<div ng-view></div>
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="script.js"></script>
Script.js
我使用的是 1.5.7 的 angularjs 版本
var mydemo = angular.module('mydemo', ['ngRoute']);
mydemo.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'pages/home.html',
controller : 'mainController'
})
// route for the about page
.when('/about', {
templateUrl : 'pages/about.html',
controller : 'aboutController'
})
// route for the contact page
.when('/contact', {
templateUrl : 'pages/contact.html',
controller : 'contactController'
});
});
mydemo.controller('mainController', function($scope) {
$scope.message = 'Everyone come and see how good I look!';
});
mydemo.controller('aboutController', function($scope) {
$scope.message = 'Look! I am an about page.';
});
mydemo.controller('contactController', function($scope) {
$scope.message = 'Contact us! JK. This is just a demo.';
});
最佳答案
而不是
<li><a href="#contact"></i> Contact</a></li>
尝试一下怎么样
<li><a ng-href="#/contact"></i> Contact</a></li>
我认为路由必须完全匹配,其中包括 /
。
关于javascript - Angularjs 路由在这里不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38397935/