Javascript Yeoman不使用ngRoutes
我刚刚创建了一个新项目。当我开始grunt serve时,基本的站点工作正常。我试图修改项目以使用ngRoute,这样我可以添加更多视图,但我无法让任何视图实际显示出来。这就是我所拥有的: index.html:Javascript Yeoman不使用ngRoutes,javascript,angularjs,yeoman,angularjs-routing,Javascript,Angularjs,Yeoman,Angularjs Routing,我刚刚创建了一个新项目。当我开始grunt serve时,基本的站点工作正常。我试图修改项目以使用ngRoute,这样我可以添加更多视图,但我无法让任何视图实际显示出来。这就是我所拥有的: index.html: view2.html中有一些文本,main.html仍然是项目附带的默认页面。对我做错了什么有什么想法吗。如果您需要查看代码的其他部分,请告诉我。不确定问题出在哪里,但这与我的AngularJS版本有关,即AngularJS v1.2.6。相反,我使用了AngularJSv1.1.5,
view2.html中有一些文本,main.html仍然是项目附带的默认页面。对我做错了什么有什么想法吗。如果您需要查看代码的其他部分,请告诉我。不确定问题出在哪里,但这与我的AngularJS版本有关,即AngularJS v1.2.6。相反,我使用了AngularJSv1.1.5,它正在工作。如果有人能告诉我两者之间发生了什么变化,以及我需要做些什么来修改,我仍然会非常感激 如果查看JavaScript控制台,它是否显示任何错误?显示的一切似乎都很好,但控制器可能有错误,或者控制器可能没有加载?确保将View2controller.js添加到索引文件中
此外,这是另一篇文章:
http://localhost:9000/#/view2
(假设您是从本地机器运行站点)没有使用Yeoman,但我认为这两者之间的主要区别可能会影响这一点,即路由从1.2版起被移动到它自己的模块。在您的应用程序代码中,您正确地包含了“ngRoute”,是否也加载了“angular route.min.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: '/' });
}]);
http://localhost:9000/#/view2