嵌套視圖模板與父母的網址

Question

我有一個父狀態（parent）UI-路由器前綴，和一個孩子的狀態（parent.child）

$stateProvider 
     .state('parent', { 
      url: '/parent', 
      templateUrl: 'views/parent.html', 
      controller: 'parentController', 
     }) 
     .state('parent.child', { 
      url: '/:id', 
      templateUrl: 'views/child.html', 
      controller: 'childController', 
     }); 

父視圖包含嵌套ui-view

即：在views/parent.html：

<h1>Child:</h1> 
    <div ui-view></div> 

當我改變孩子的狀態，雙親狀態的網址是爲前綴至templateUrl。

即：在templateUrl被解析爲/parent/views/child.html

這是因爲/parent/views/child.html不存在失敗。 （該文件存儲在/views/child.html）

如何配置ui-router不要將父狀態的網址前綴到templateUrl？

Answer 1

這不是一個用戶路由器問題。你應該用斜槓預先加載你的模板url，這樣它就相對於基礎url而不是當前url。

所以：

templateUrl : '/views/child.html'