角度ui-router未打开主视图

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'

您需要返回一个目录。