角JS UI路由器模板錯誤

我有以下途徑：角JS UI路由器模板錯誤

$stateProvider 
    .state('access', { 
     abstract: true, 
     url: '/access', 
     templateUrl: 'login.html' 
    }) 
    .state('access.signin', { 
     url: '/signin', 
     templateUrl: 'tpls/signin.html', 
     data: { 
      authorizedRoles: [USER_ROLES.all] 
     } 
    }); 

$urlRouterProvider.otherwise('/access/signin');

然後我的項目看起來是這樣的：

，你可以看到我有一個名爲「login.html模板「這個模板看起來像這樣：

<div class="logo"> 
    <a href="index.html"> 
     <img src="./assets/pages/img/logo-big.png" alt=""/> </a> 
</div> 
<!-- END LOGO --> 
<!-- BEGIN LOGIN --> 
<div class="content" ui-view> 
</div>

然而，當我運行這個它加載index.html作爲我的模板和犯規利用這一login.html

誰能告訴我是什麼香港專業教育學院做錯了？爲什麼這可能會發生？

來源

2017-08-19 Marc Rasmussen

模板不需要包括JS和CSS文件。也不需要'ng-app'和....這個模板類似於index.html文件。見[此示例]（https://stackoverflow.com/questions/39445949/controller-does-not-work-in-route/39446042#39446042）和[此示例]（http://plnkr.co/edit/ BjIEXXGt7Akh0LuplPFv？p =預覽） –

@Hadi香港專業教育學院udated我的問題 –

@Hadi我所尋找的是徹底改變佈局。所以這沒有是index.html中的HTML將顯示 –

正如你在你的問題有多種佈局在您的應用程序要求，所以這個你應該使用多個命名視圖。

$stateProvider  
.state('report', {  
    views: {  
    'filters': { ... templates and/or controllers ... },  
    'tabledata': {},  
    'graph': {},  
    }  
})

欲瞭解更多信息，請閱讀它document。

來源

2017-08-19 18:24:20

角JS UI路由器模板錯誤

回答

相關問題