角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' 

您将需要返回上一级目录。