将视图添加到角度种子项目

Adding views to angular-seed project

本文关键字：种子 子项目 视图 添加      更新时间：2023-09-26

如何向Angular种子项目添加更多视图？

我刚开始这个项目，想添加更多视图，所以我复制了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)

您还需要在index.html中加载view3.js脚本。

相关文章：