Question

我正在使用ui-route在我的weba应用程序中实现多个ui-view，但是一次只有一个ui-view加载中的其他用户无法访问它们。

这是我尝试实现的示例代码

Route（app.js）

.state('user', {
    url: "/user/dashboard",
    views : {
        "" : {
            templateUrl:"admin/user-dashboard/user-dashboard.html",
            controller: 'userDashboardCtrl',
            controllerAs:'vm',
    authenticated: true
        }
    },

    resolve: {
        loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
            return $ocLazyLoad.load('user'); // Resolve promise and load before view
        }]
    }
})
.state('user/changepassword', {
    url: "/user/dashboard/change-password",
    views : {
        "" : {
            templateUrl:"admin/user-dashboard/user-dashboard.html",
            controller: 'userDashboardCtrl',
            controllerAs:'vm',
    authenticated: true
        },
        "user-dashboard" : {
            templateUrl:"admin/user-dashboard/change-password/change-password.html",
            controller: 'userDashboardCtrl',
            controllerAs:'vm',
    authenticated: true
        }
    },

现在我有两个视图，一个没有名称，另一个有“用户仪表板”。

有两个名为index和user-dashboard的文件。在索引页面中，这是代码。

<nav-header></nav-header>//For navigation

和其他

<div class="col-lg-3">
User Dashboard 
</div>
<div class="col-lg-9">
<div ui-view="user-dashboard"></div>
</div>

但是问题是只有仪表板能够打开其页面，而不能更改密码。

有人可以帮我吗

angularjs中的多个ui视图

0 个答案: