レンダリングするときに<ui-view>を非表示にするには？

Question

<ui-view></ui-view>のコンテンツ（画像を含む）を非表示にする必要があります。 Angular 1.5とjQueryで最も簡単な方法は何ですか？

ベンダーモダールがなくてもクールです。

Answer 1

これはあなたの質問に答えます：https://stackoverflow.com/a/13276214/5954939。

要約 - ng-cloak属性は、関連するCSSを適用することによって、レンダリングされた要素を非表示にします。

Answer 2

あなたはこのようにCSSで遊ぶことができます。

[ui-view].ng-enter, [ui-view].ng-leave { 
    transition: z-index .5s; } 

[ui-view].ng-enter, [ui-view].ng-leave-active { 
    z-index: 0; } 

[ui-view].ng-leave, [ui-view].ng-enter-active { 
    z-index: 1; } 

オプションとして、あなたは不透明でのzインデックスを変更することができます。