Yeoman Angular没有使用ngRoutes

时间:2014-02-15 18:45:43

标签: javascript angularjs yeoman angularjs-routing

我刚创建了一个新的Yeoman角项目。当我开始咕噜声服务时,基本站点工作。我试图修改项目以使用ngRoute,所以我可以添加更多视图,但我无法获得任何实际显示的视图。这就是我所拥有的:

的index.html:

...
<div ng-view></div>
...

app.js:

'use strict';

angular.module('myApp', [
   'ngRoute',
   'ngCookies',
   'ui.bootstrap'
])
.config(['$routeProvider', function($routeProvider) {
   $routeProvider
     .when('/', { templateUrl: '/views/main.html', controller: 'MainCtrl'})
     .when('/view2', { templateUrl: '/views/view2.html', controller: 'View2Ctrl'})
     .otherwise({ redirectTo: '/' });
}]);

view2.html里面有一些文字,而main.html仍然是项目附带的默认页面。对我做错了什么的任何想法。如果您需要查看代码的其他部分,请告诉我。

2 个答案:

答案 0 :(得分:0)

不确定是什么问题,但它与我的angular.js版本有关,它是AngularJS v1.2.6。相反,我使用了AngularJSv1.1.5。如果有人能告诉我两者之间发生了什么变化以及我需要做些什么来修改,那还是会受到赞赏的!

答案 1 :(得分:0)

如果您查看JavaScript控制台,是否显示任何错误?显示的一切似乎都很好,但控制器可能有错误,或者控制器可能没有加载?请务必将View2controller.js添加到索引文件中。


另外,这是从另一篇文章中获取的:

    http://localhost:9000/#/view2

(假设您从本地计算机运行该站点)