处理简单的测试应用程序,这让我非常生气,为什么它不路由页面对我来说似乎一切都很好,但是我看不到关于页面和联系页面
<ul class="nav navbar-nav navbar-right">
<li><a href="#"> Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div id="main">
<div ng-view></div>
</div>
<script src="/node_modules/angular/angular.js"></script>
<script src="/node_modules/angular-route/angular-route.js"></script>
<script src="js/app.min.js"></script>
** app.js**
(function () {
var app = angular.module('fjapp', ['ngRoute']);
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'pages/home.html',
controller: 'homeController'
})
.when('/about', {
templateUrl: 'pages/about.htm',
controller: 'aboutControler'
})
.when('/contact', {
templateUrl: 'pages/contact.html',
controller: 'contactController'
});
});
app.controller('homeController', ['$scope', function ($scope) {
$scope.message = "Welcome to the home page";
}]);
app.controller('aboutController',['$scope', function($scope){
$scope.message = "Ok, now you are in About page";
}]);
app.controller('contactController',['$scope',function($scope){
$scope.message = "Here find all the contact information";
}]);
})();
我缺少什么..
你缺少/
的a
标签。它应该是这样的:
<li><a href="#/about">About</a></li>
<li><a href="#/contact">Contact</a></li>
更新
包括$locationProvider.hashPrefix('');
到您的app.config
. 这是一个工作的plunker
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句