是否需要在div中编写ui-view？

Question

<div ui-view="columnTwo"></div>

我不希望我的视图在div中绑定....是否有任何替代解决方案，如dis？

<ui-view>ColumnOne</ui-view>

或

<ui-view src="ColumnOne"></ui-view>

Answer 1

不需要，但div可以在DOM中分配空间来查看数据。 Ui-view是一个指令，可以用作元素或属性。

<ui-view autoscroll='true'/>

或

<div ui-view="chart"></div> 

如果您将其用作元素，则只能添加为ui-view

定义的属性

Answer 2

你的属性ui-view指令：

<div ui-view="columnTwo">[target of rendering]</div>

相当于一个名为ui-view element，如下所示：

<ui-view name="columnTwo">[target of rendering]</ui-view>

如果您想要在更改视图时更改目标元素内容之外的内容，那么您应该能够依赖onload属性。

<ui-view name="columnTwo" onload="myFun()">[target of rendering]</ui-view>

其中Myfun将在state-＆gt;视图范围的上下文中进行评估，但可以与父范围进行交互。

以下是使用ui-view name和onload属性的示例jsfiddle，（使用this answer's jsfiddle作为起点。）