Angular的Scope

1. View(视图), 即 HTML。
2. Model(模型), 当前视图中可用的数据。
3. Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。

• scope 即模型,是一个 JavaScript 对象，带有属性和方法，这些属性和方法供视图和控制器中使用。

• $rootScope作用在 ng-app 指令包含的所有 HTML 元素中,即整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用。

  • 在html中可以直接调用{{lastname}},也可以作为$root的属性调用{{$root.lastname}}
  • 出现同名属性时,优先采用该controller自身的$scope属性

app.controller('myCtrl', function($scope, $rootScope) {
    $scope.names = ["Emil", "Tobias", "Linus"];
    $rootScope.lastname = "Refsnes";
});