Question

我需要状态才能在用户登录时显示不同的视图。我的问题是在app.dashboard状态下不显示视图，但是如果我将该视图放在状态应用程序的视图部分中，它就可以工作。我想继承，因为在不同的状态下我需要显示不同的页面。

这是代码的一部分：

    $stateProvider
    .state('welcome',{
        url:"/",
        controller: "HomeController as home",
        views: {
            'topbar-menu-view': {
                templateUrl: '/partials/topbar/loginForm.html'
            },
            'home-view': {
                templateUrl: '/partials/login.html'
            }
        },
        data: {
            requireLogin: false
        }
    })
    .state('app', {
        abstract: true,
        url: '/home',
        views: {
            'topbar-menu-view': {
                templateUrl: '/partials/topbar/userOptions.html'
            }
        },
        data: {
            requireLogin: true
        }
    })
    .state('app.dashboard',{
        url:"/",
        controller: "HomeController as home",
        views: {
            'home-view': {
                templateUrl: '/partials/home.html'
            }
        }
    })

我做错了吗？因为我找了一些例子，看起来像这样。

索引文件是这样的：

<body ng-controller="HomeController as home">
   <topbar home="home"></topbar>
   <div id="homeScreen">
       <div ui-view="home-view"></div>
   </div>
</body>

谢谢！

如何在angularJS中重新定义状态继承中的视图

0 个答案: