Angular.js $ scope和dom元素

Question

角度如何跟蹤哪個$范圍與哪個元素相關？ 我有一些理論：

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內部跟蹤大多數上下文。