如何向Angular-seed项目添加更多视图?
我刚开始这个项目,想要添加更多视图,所以我复制了view2文件夹并将其重命名为view3(对包含view2变量的文件夹中的所有文件都做了相同的操作),然后将其添加到模块中。
angular.module('myApp', [
'ngRoute',
'myApp.view1',
'myApp.view2',
'myApp.view3',
'myApp.version'
]).
config(['$routeProvider', function($routeProvider) {
$routeProvider.otherwise({redirectTo: '/view1'});
}]);
view3.js文件如下所示:
'use strict';
angular.module('myApp.view3', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/view3', {
templateUrl: 'view3/view3.html',
controller: 'View3Ctrl'
});
}])
.controller('View3Ctrl', [function() {
}]);
还有其他与角度种子有关的事情需要做,因为我在重新加载页面时遇到这些错误而且我真的不知道从哪里开始。一直在寻找Bower_components文件夹,但似乎没有任何你应该改变的东西。
第三行讨论加载它,但将其加载到哪里?
Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:modulerr] Failed to instantiate module myApp.view3 due to:
Error: [$injector:nomod] Module 'myApp.view3' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.2.23/$injector/nomod?p0=myApp.view3
at http://localhost:8000/app/bower_components/angular/angular.js:78:12
at http://localhost:8000/app/bower_components/angular/angular.js:1677:17
at ensure (http://localhost:8000/app/bower_components/angular/angular.js:1601:38)
at module (http://localhost:8000/app/bower_components/angular/angular.js:1675:14)
at http://localhost:8000/app/bower_components/angular/angular.js:3878:22
at forEach (http://localhost:8000/app/bower_components/angular/angular.js:325:18)
at loadModules (http://localhost:8000/app/bower_components/angular/angular.js:3872:5)
at http://localhost:8000/app/bower_components/angular/angular.js:3879:40
at forEach (http://localhost:8000/app/bower_components/angular/angular.js:325:18)
at loadModules (http://localhost:8000/app/bower_components/angular/angular.js:3872:5)
http://errors.angularjs.org/1.2.23/$injector/modulerr?p0=myApp.view3&p1=Err…ocalhost%3A8000%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A3872%3A5)
at http://localhost:8000/app/bower_components/angular/angular.js:78:12
at http://localhost:8000/app/bower_components/angular/angular.js:3906:15
at forEach (http://localhost:8000/app/bower_components/angular/angular.js:325:18)
at loadModules (http://localhost:8000/app/bower_components/angular/angular.js:3872:5)
at http://localhost:8000/app/bower_components/angular/angular.js:3879:40
at forEach (http://localhost:8000/app/bower_components/angular/angular.js:325:18)
at loadModules (http://localhost:8000/app/bower_components/angular/angular.js:3872:5)
at createInjector (http://localhost:8000/app/bower_components/angular/angular.js:3812:11)
at doBootstrap (http://localhost:8000/app/bower_components/angular/angular.js:1444:20)
at bootstrap (http://localhost:8000/app/bower_components/angular/angular.js:1459:12)
http://errors.angularjs.org/1.2.23/$injector/modulerr?p0=myApp&p1=Error%3A%…calhost%3A8000%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1459%3A12)
答案 0 :(得分:4)
您还需要在index.html中加载view3.js脚本。