從angularjs1.3開始,已經不容許定義全局的controller, 因此網上好多老的demo在運行的時候會報沒有註冊對應的controller。因此,1.3之後的angrularjs 必須以下定義:html
angular.module('pro01App2' , []) .controller('AboutCtrl', function () { });
再用yoman生成的angrularjs項目,頭部的導航條點擊沒有相應。
看瀏覽器的地址,多了一個感嘆號,可是在index.html 裏面是以下的顯示:angularjs
<ul class="nav navbar-nav"> <li class="active"><a href="#/">Home</a></li> <li><a ng-href="#/about">About</a></li> <li><a ng-href="#/">Contact</a></li> </ul>
有以下的處理方法:
<ul class="nav navbar-nav"> <li class="active"><a href="#!/">Home</a></li> <li><a ng-href="#!/about">About</a></li> <li><a ng-href="#!/">Contact</a></li> </ul>
修改辦法: 在 app.js裏面,添加以下的代碼:api
$locationProvider.hashPrefix('');
完整的實例:
app.config(function ($routeProvider , $locationProvider) { $locationProvider.hashPrefix(''); $routeProvider .when('/', { templateUrl: 'views/main.html', controller: 'MainCtrlTest', controllerAs: 'main' }) .when('/about', { templateUrl: 'views/about.html', controller: 'AboutCtrlTest', controllerAs: 'about' }) .otherwise({ redirectTo: '/about' }); });