添加第二个视图后,Angular app config崩溃

时间:2017-03-23 18:17:36

标签: javascript angularjs

我有两个不同的登录视图login.html和adminLogin.html所以在Angular app.js中我添加了第一个:

 $stateProvider
            .state('login', {
                url: "/login.html",
                templateUrl: "../login.html",
                controller: "login",
                authenticate: false,
                resolve: {
                    deps: ['$ocLazyLoad', function ($ocLazyLoad) {
                        return $ocLazyLoad.load({
                            name: 'myapp',
                            insertBefore: '#ng_load_plugins_before', // load the above css files before a LINK element with this ID. Dynamic CSS files must be loaded between core and theme css files

                        });
                    }]
                }
            })

它运行正常,问题是当我尝试在这个下面添加第二个时:

.state('login', {
    url: "/adminLogin.html",
    templateUrl: "../adminLogin.html",
    controller: "adminLogin",
    authenticate: false,
    data: { pageTitle: 'INICIAR SESIÓN' },
    resolve: {
        deps: ['$ocLazyLoad', function ($ocLazyLoad) {
            return $ocLazyLoad.load({
                name: 'myapp',
                insertBefore: '#ng_load_plugins_before', // load the above css files before a LINK element with this ID. Dynamic CSS files must be loaded between core and theme css files

        }]
    }
})

当我尝试访问第一个或新的时,它只显示空白页

  

注意**:如果我评论最后一个代码,则第一个代码再次正确运行。

有人知道那里有什么问题吗?非常感谢帮助。此致

1 个答案:

答案 0 :(得分:0)

您有两个具有相同名称的州:login。 UI-Router不知道在那种情况下该怎么做。尝试将您的第二个状态重新命名为adminLogin