html - <div ui-view></div> 和 <ui-view></ui-view> 的区别？

Question

除了在将 View 与 View 一起使用时能够命名 View 之外，我似乎找不到两者之间的任何主要区别。有没有比另一个更受欢迎的时候？

Answer 1

首先，ui-view是一个 AngularJS 指令。一般来说，指令可以声明为元素属性、类或元素(即类似于 HTML 标记)，或者三者的任意组合取决于指令本身。

在大多数情况下，所有三种声明都不会影响指令的功能。

所以在实际意义上，<div ui-view></div> 之间的主要区别和 <div><ui-view></ui-view></div>归结为:

1. 在 HTML DOM 树中的位置
   • <div ui-view></div>是单<div> DOM 树中的元素
   • <div><ui-view></ui-view></div>是 <ui-view>元素嵌套在 <div> 中
2. AngularJS 作用域层次结构

前者可能会影响非 AngularJS 的东西，例如 CSS 选择器、jQuery 元素选择等。

虽然 AngularJS 作用域层次结构可能会影响作用域变量的继承方式，以及如果存在两个具有相同优先级的指令，指令之间的优先级排序方式。

在ui-view然而，范围方面似乎并不重要。