javascript - angular uiルーターの複数のビューでネストされたビューを作成するには?

Question

私のアプリはとてもシンプルです。ヘッダーと本文を含むホームページがあります。本文セクションでログインページを表示したいのですが、URL が「password/forget」に変更された場合、パスワードリセットフォームを表示します。私のテンプレート:

index.html :

<header ui-view="header">
</header>
<div class="container-fluid">
    <div class="row">
        <div ui-view="main">
        </div>
    </div>
</div>

home.html:

   <div ui-view>
    </div>

そして ui-router 設定はこれです:

 $locationProvider.html5Mode({enabled: true, requireBase: false});
 $stateProvider.state('home', {
     url: '/',
     views: {
       'header': {
         templateUrl: '/header.html'
       },
       'main': {
          templateUrl: '/home.html'
       }
 }
 }).state('home.forgetPassword', {
    url: '/password/forget',
    templateUrl: '/forgetPassword.html',
});

「/password/forget」に移動すると、何かが起こり、index.htmlが表示されます。ルートが "/password/forget" に変更されたときに、forgetPassword.htmlを表示したいと考えています。

Answer 1

問題が解決しました。それは/親の状態のためであり、子の状態でそれを繰り返します。