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";
});
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容