0

これはおそらく簡単な答えですが、頭を悩ませています。Angular ダッシュボードを作成しています。ログインすると、ユーザーは /dashboard を参照できます。ダッシュボードを閲覧するためのネストされた状態もあります。以下は私の状態がどのように設定されているかです（簡潔にするために短縮されています）

app.js

.state('dashboard', {
      url: '/dashboard',
      templateUrl: 'views/dashboard.html'
})
.state('dashboard.new', {
      url: '/new',
      templateUrl: 'views/dashboard.new.html'
});

ダッシュボード.html

<div page-header></div>
<div dashboard-menu></div>
<section>
    <div class="container mt48">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h4 class="uppercase mb16">This is the dashboard default page</h4>

                <p class="lead mb64">
                    FSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
                    odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
                </p>
            </div>
        </div>
        </div>
    </div>
</section>
<div ui-view></div>

この質問とは関係ありませんが、page-header と dashboard-menu 用に 2 つのディレクティブを作成しました (これが何であるか疑問に思った場合に備えて)。

ブラウザ ビュー: (ヘッダー全体の別のスクリーンショットを追加するために編集) ここに画像の説明を入力 ここに画像の説明を入力

ここに画像の説明を入力

私が知りたいのは、アクティブな状態がアクティブになったときです。この例では、dashboard/new の /dashboard ページのデフォルト コンテンツが表示されません。

ご覧いただきありがとうございます。質問しようとしていたことがわかっているので、何でも聞いてください。混乱することなく質問できたことを願っています。ありがとうございました。

4

1 に答える 1

1

私が思う最も簡単な方法は、デフォルトのテキストを で非表示にすることですng-show。状態はオブジェクトによって決定でき$stateます。あるいは、resolveルート自体の関数を介して注入することもできます。

于 2015-10-12T22:52:17.683 に答える