0

ng-views 間でアクションバーを共有する角度のあるアプリがあります:

<body>
    <div ng-include src="'actionbar.html'"></div>
    <div ng-view class='slideOutLeft'></div>
</body>

ng-view には「slideOutLeft」クラスがあり、現在のビューを左にアニメーション化すると同時に、新しいビューを右からアニメーション化します。

.slideOutLeft.ng-enter {
    animation:slideInRight 0.5s both linear;
}
.slideOutLeft.ng-leave {
    animation:slideOutLeft 0.5s both linear;
}

問題は、アクション バーの内容が ng-view 間で大きく異なる場合があり、ng-view のコントローラーとその兄弟であるアクション バー間の通信ブリッジとして使用するファクトリを作成することが非常に難しいことです。 ng-ビュー。明らかな答えは、アクションバーを ng-view 内に配置して、ビューごとに異なるようにし、アクションバーがビューコントローラーのスコープにアクセスできるようにすることです。ただし、アクションバーを ng-view と一緒に「slideOutLeft」にしたくありません。その下のng-viewがアニメーション化している間、アクションバーのコンテンツを固定したままにしたいだけです。

DOM を並べ替えると、

<div ng-include src="'actionbar.html'"></div>

ng-view のテンプレート ファイルに含まれていますが、ページ遷移中にアクションバーが残りの ng-view と一緒にアニメーション化されないようにする方法はありますか?

4

0 に答える 0