角UI路由器未開啓的主視圖

Question

我有一個設置像這樣：

broadband_safety.html：

<div ui-view></div> 

<div ng-include="'content/secondary_nav.html'"></div> 

我已經設置了航線：

.state('broadband_safety', { 
    url: '/broadband_safety', 
    templateUrl: './content/broadband_safety.html' 
}) 

.state('broadband_safety.what_is_sbs', { 
     url: '/what_is_sbs', 
     templateUrl: './content/what_is_sbs.html' 
    }) 

所以，讓我說我導航到broadband_safety。我得到的是一個空白的ui視圖，而底部的導航欄。我想要的是當您導航到broadband_safety時加載一個頁面。我確定它很簡單，但對於我的生活我無法弄清楚。

第二個狀態是導航欄中的第一個按鈕。當我導航到broadband_safety.html時，我想要加載該頁面。我嘗試將寬帶模板更改爲what_is_sbs，但隨後導航欄消失。

Answer 1

我解決了這個問題。

爲了解決這個問題，我用：

.state('broadband_safety', { 
    **abstract: true,** 
    url: '/broadband_safety', 
    templateUrl: './content/broadband_safety.html' 
}) 

然後：

.state('broadband_safety.home', { 
     url: '', 
     templateUrl: './content/what_is_sbs.html' 
    }) 

Answer 2

這應該有雙重點：

templateUrl: 'content/broadband_safety.html' 

您將需要返回上一級目錄。