Angular.js $ scope和dom元素

Question

angular如何跟踪哪个$ scope与哪个元素相关？我有几个理论：

1. angular元素将范围对象保留为属性
2. angular使用与元素
的关系将每个范围保存在缓存中
3. 角度搜索每个范围，并神奇地找到元素

例如，我有一个带有$ scope的元素，我想改变这个元素的dom层次结构（移动到外部控制器之外）。范围如何影响此操作？

Answer 1

如果你有一个有角度的应用程序，你的HTML看起来像这样：

<div ng-controller="OuterController">
    ...
    <div ng-controller="InnerController">
        <div id="wrapper">
            <span>An Element</span>
        </div>
    </div>
</div>

您将<span>移出#wrapper div，它仍然位于OuterController和InnerController的上下文中。但是，如果将其移至...所在的位置，则只应用OuterController的上下文。

每个控制器都有自己的上下文，并且该上下文递归地向下扩展到所有子元素，即使存在新的控制器，此时两个控制器都在范围内。

无论是使用Javascript还是以其他方式动态移动元素，都是如此。 Angular内部跟踪大多数上下文。