我有多个观点,例如:http://www.funnyant.com/angularjs-ui-router/
我将它们加载到我的页面中
<div data-ui-view="content"></div> --- 75% width
<div data-ui-view="sidebar"></div> --- 25% width
现在,当加载内容时,我希望加载的内容不会加载到这些ui-view div中,而是替换它们。可能吗 ?因为如果他们不能替换,那么在我的情况下,浮动工作不会起作用,侧边栏显示内容。
请帮助
感谢
答案 0 :(得分:2)
使用Bootstrap rows会实现您的目标吗?
<div class="row">
<div class="col-md-9" ui-view="content"></div>
<div class="col-md-3" ui-view="sidebar"></div>
</div>
答案 1 :(得分:1)
这是不可能的,因为它会让你无法改变状态,这是不可取的。一个简单的解决方法是将width / float样式直接添加到ui-view div。
如果您决定使其工作,您可以创建一个自定义指令包装器,如提供的解决方案here。
答案 2 :(得分:0)
尝试将所需尺寸添加到容器的样式中。
<div data-ui-view="content" style="width: 75%;"></div>
<div data-ui-view="sidebar" style="width: 25%;"></div>