javascript-AngularJS-如何从ui路由器引用子模块控制器?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-AngularJS-如何从ui路由器引用子模块控制器?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1665字,纯文字阅读大概需要3分钟。
内容图文
我在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!');
}]);
在估算模块提供的模板中,我有:
<li><a ui-sref="project.overview({ id: 1 })">One</a></li>
该URL在页面上可以正确解析,但是单击它不会执行任何操作.它甚至不会引发任何控制台错误-它就在那里.我的直觉告诉我,这与我指的是控制器和/或路由以及是否需要对它们进行前缀或修改以使用子模块有关.关于如何使其正确加载的任何想法?
如果此帖子过于分散,请告诉我,我将尝试清理它.
解决方法:
我updated your plunker here会说,最重要的更改是-引用主模块中的子模块:
代替这个:
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'])
...
在进行一些其他一些小的调整后,应该可以做到这一点.检查它是否工作here
内容总结
以上是互联网集市为您收集整理的javascript-AngularJS-如何从ui路由器引用子模块控制器?全部内容,希望文章能够帮你解决javascript-AngularJS-如何从ui路由器引用子模块控制器?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。