javascript-AngularJS-如何从ui路由器引用子模块控制器？

2019-11-20 23:35:35 阅读：212 来源： 互联网

标签：angularjs angular-ui-router javascript

我在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

标签：angularjs,angular-ui-router,javascript
来源： https://codeday.me/bug/20191120/2047595.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-AngularJS-如何从ui路由器引用子模块控制器？