AngularJS - 如何从ui-router引用子模块控制器
AngularJS - How to refer to a submodule controller from ui-router?
我在 Angular 1.3.9 应用程序中使用子模块有点挣扎。我在 http://plnkr.co/edit/XBfTPAGRRe0CWJgjGJzc?p=preview 有一个(不工作,对不起)预览,我认为它吓坏了,部分原因是因为我正在使用 Restangular。
我有以下几点:
angular
.module('estimate', ['ui.router', 'restangular', 'estimate.project'])
;
angular
.module('estimate.project', ['ui.router'])
.config(['$stateProvider', '$urlRouterProvider', '$locationProvider'
, function($stateProvider, $urlRouterProvider, $locationProvider) {
$stateProvider
.state('project', {
url: "/project/{id:int}",
abstract: true,
templateUrl: '/app/templates/project.html',
controller: "ProjectController as project",
resolve: { // stuff }
})
.state('project.overview', {
url: "",
templateUrl: "/app/templates/overview.html"
})
// ...
;
}])
.controller('ProjectController', ['$scope', 'ProjectService', 'myProject'
, function($scope, ProjectService, myProject) {
console.log('i made it!');
}]);
在我的模板中,从estimate
模块提供,我有:
<li><a ui-sref="project.overview({ id: 1 })">One</a></li>
URL 在页面上正确解析,但单击它不会执行任何操作。它甚至不会抛出任何控制台错误 - 它只是坐在那里。我的直觉告诉我,这与我如何引用控制器和/或路由有关,以及是否需要为它们添加前缀或修改以与子模块一起使用。关于如何使其正确加载的任何想法?
如果这篇文章太散漫,请告诉我,我会尝试清理它。
我在这里更新了您的 plunker,并会说,最重要的更改是 - 引用主模块中的子模块:
取而代之的是:
angular
.module('estimate', ['ui.router', 'restangular'])
...
angular
.module('estimate.project', ['ui.router'])
...
我们必须使用它,即在父模块中引用子模块
angular
.module('estimate', ['ui.router', 'restangular', 'estimate.project'])
...
angular
.module('estimate.project', ['ui.router'])
...
通过一些其他一些小的调整,这应该是方法。检查它在这里工作
相关文章:
- 如何引用HTML中节点模块中的js文件
- 为什么“exports”在nodejs模块中引用与“this”相同的对象
- Typescript中的引用和模块
- 我应该如何在JS中使用揭示模块模式,传递引用,并避免加载顺序问题
- 从模块内部引用特定的表单元素
- 在模块之间传递对象引用
- 如何在填充后从我的模块引用 PreloadJS
- 在打字稿中隐式引用另一个内部模块
- AngularJS - 如何从ui-router引用子模块控制器
- 未捕获的引用错误:未定义模块 A
- 模块构建失败:引用错误:[BABEL] 未知选项:base.stage
- 引用下划线模板中 require 模块内保存的枚举值
- javascript sandbox 一个模块,用于防止引用 Window
- 如何在表达式中引用模块变量
- 如何在React Component NPM模块中引用图像
- Typescript-不同文件中的模块函数引用-“;找不到符号“;
- 如何引用属于某个模块的文件
- System.NullReferenceException:对象引用未设置为对象的实例.Dotnetnuke模块创建
- Angular在将脚本引用为ES6模块时找不到模块
- 如何在TypeScript中正确引用模块?