Question

我正在使用angular-ui-router 0.2.18，角度为1.5.x.我无法解释为什么我的组件$ onInit会触发两次（我不认为它与我的问题有关，但我也在使用webpack）。

我的路线：

myModule.config(function ($stateProvider) {

    $stateProvider
    .state('app.project', {
        abstract: true,
        url: '/project',
        template: '<ui-view/>'
    })

    .state('app.project.demo', {
        url: '/demo',
        template: '<my-component></my-component>'
    });

});

我的组件的准系统版本：

myModule.component('myComponent', {
    template: require('./my-component.html'),
    bindings: {},
    controller: function () {

        this.alert = function () {
            console.log("fires");
        };

        this.$onInit = function () {
            this.alert();
        };

    }
});

在我的应用程序的某处，路由更改由<a ui-sref="app.project.demo"></a>触发。

单击链接时alert函数会触发两次，但是当我重新加载页面时则不会触发。也许控制器在路线改变时加载了两次？

我已经尝试了SO question: combating-angularjs-executing-controller-twice上列出的所有内容，但没有成功。

但令我感到困惑的是，当我重命名我的州名而不改变任何其他内容时，问题就消失了：

'app.project.demos'正常工作
'app.projects.demo'也适用（当然，将'app.project'更改为'app.projects'后）

可能是什么解释？

angular ui router：component $ onInit在路由更改时触发两次

0 个答案: