调用其他国家的视图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

工作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' 
 
     } 
 
    );