2017-03-01 7 views
0

とビューのdivを交換し、私はそうのようないくつかの基本的なビューの角度UI-ルータを使用しています:ときにのような角度負荷はUI-ルータ

<div ui-view="header"></div> 
<div ui-view="nav"></div> 
<div ui-view></div> 

は現在、divタグは、ビューのためにHTMLで満たされています。

<div ui-view="header"> 
    <header> 
    <!-- header code --> 
    </header> 
</div> 

<div ui-view="nav"> 
    <nav> 
    <!-- nav code --> 
    </nav> 
</div> 

<div ui-view> 
    <main> 
    <!-- main code --> 
    </main> 
</div> 

私はラッピングdivをビューの周りに保持したくありません。これを行う簡単な方法はありますか?

+0

代わりに '

'のような理由がありますか?ヘッダーが常に存在するのではないかと心配している場合は、CSSスタイルの 'header:empty {display:none}'を使用して、空の場合は完全に非表示にします。 – GregL

+0

@GregL headerやnavのような要素を、親要素の 'header'や' nav'から絶対的に配置します。だから、関連するクラス/ IDを '

'のように適用する必要があります。 } 'など。ビューのhtmlが1つのファイルに含まれていないため、これは良いモジュラコーディングではありません。 – Coop

答えて

0

ui-viewディレクティブは、要素、クラスまたは属性ディレクティブとしてのみ実行できます(the source参照)。さらに、非推奨のreplace: trueは使用しません。つまり、ビューの内容の包含要素としてui-viewディレクティブを持つものを持つこと以外の方法はありません。

この制限により、この場合はモジュラコーディングの理想的な例外を選択し、マークアップとCSSを使用して希望の結果を得ることをお勧めします。

関連する問題