调用其他状态Angularjs的视图

Question

我怀疑我在其他视图中调用了一个视图。我想在状态“登录”的一侧调用视图“菜单”。但是不起作用

  $stateProvider
    .state('menu', {
        abstract:true,
        views: {
            "menu": {
                templateUrl: 'assets/templates/menu/menu.html',
                controller: 'MenuController',
            }
        }
    })
   .state("login", {
       url: '/login',
       views: {
           "": {
               templateUrl: 'assets/templates/LoginTest.html',
               controller: 'LoginController as ctrl',
           },
           "@menu":{    }
       }
   });

Answer 1

您需要使用嵌套状态。

本教程将为您提供帮助AngularJS Multi-Step Form Using UI Router

work plunkr：https://plnkr.co/edit/ar9kbBCdggZxvUGDq5HI?p=preview

$stateProvider
    .state('login', {
        abstract:true,
        url: '/login',        
        templateUrl: 'assets/templates/LoginTest.html',       
        controller: 'LoginController as ctrl'        
    })
        // nested states 
        // each of these sections will have their own view
        // url will be nested (/login/menu)
   .state("login.menu", {
       url: '/menu',       
       templateUrl: 'assets/templates/menu.html',
       controller:  'MenuController'
       }
   );