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

您将需要返回一个目录。