替换视图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路由器

回答

相关问题