在AngularJS UI-Router中更改導航狀態

Question

我設置了一個相對簡單的UI-Router，除了更改狀態的導航本身就是一個ui視圖。

主要HTML：

<header class="container__header">
    <nav class="container__header__tabs" ui-view="nav"></nav>
</header>

導航HTML：

<ul>
    <li class="nav-link active"><a ui-sref="/">all funds</a></li>
    <li class="nav-link"><a ui-sref=".something">something</a></li>
</ul>

問題是， .something鏈接無法在單擊時更改狀態視圖。

我的AngularJS配置：

.state('home.something', {
        url: '/',
        views: {
            'nav': {templateUrl: 'templates/navs/explorer-nav.html'},
            'main': {templateUrl: 'templates/fund explorer/fund_explorer_all.html'}
        }       
});

這不會更改視圖模板（盡管URL會更改）。 有任何想法嗎？

Answer 1

問題出在<li class="nav-link"><a ui-sref=".something">something</a></li>

在這里，您將state用作.something ，但未在config定義。

更改為

<li class="nav-link"><a ui-sref="home.something">something</a></li>

它應該是home.something ，這意味着狀態應該與config中定義的相同。

https://github.com/angular-ui/ui-router （檢查-嵌套狀態和視圖）