替換視圖DIV與UI路由器

我採用了棱角分明的UI，路由器，像這樣的一些基本觀點：替換視圖DIV與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圍繞視圖。是否有捷徑可尋？

來源

2017-03-01 Coop

是不是有一個原因，你不能把它作爲'

'而不是？如果您擔心標題始終存在，請使用CSS樣式的'header：empty {display：none}'將它完全隱藏。 – GregL

@GregL我希望像header和nav這樣的元素完全從父元素'header'或'nav'定位。所以我需要應用相關的類/ id，比如'

'Then style'#header {position absolute; }'等。這是不好的模塊化編碼，因爲視圖的html不包含在1個文件中。 – Coop

看起來ui-view指令只能作爲元素，類或屬性指令完成（請參閱the source）。此外，它不使用已棄用的replace: true。這意味着沒有其他選擇，只能將ui-view指令作爲視圖內容的包含元素。

由於這個限制，我建議您在這種情況下選擇模塊化編碼理念的例外，並使用任何標記和CSS給你你想要的結果。

來源

2017-03-01 02:28:07 GregL

替換視圖DIV與UI路由器

回答

相關問題