用加载的内容替换ui-view

时间:2015-01-26 11:10:08

标签: angularjs uiview angular-ui-router

我有多个观点,例如: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中,而是替换它们。可能吗 ?因为如果他们不能替换,那么在我的情况下,浮动工作不会起作用,侧边栏显示内容。

请帮助

感谢

3 个答案:

答案 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>