美文网首页
AngularJS Scope(作用域)

AngularJS Scope(作用域)

作者: maoyaocsf | 来源:发表于2017-02-19 22:10 被阅读0次

是什么
是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
是一个对象,有方法和属性
是模型
angularjs应用是由view(html) model(模型) controller(控制器)

如何使用
创建控制器时,将$scope对象当作一个参数传递

<div ng-app="myapp"ng-controller="myctrl">
    <h1>{{name}}</h1>
</div>
<script>
    var app = angular.module("myapp",[]);
    app.controller("myctrl",function($scope){
        $scope.name = "cai"
    })
</script>

作用范围: 对应的controller
根作用域 $rootScope 可以在各个controller中使用,是各个controller中的scope的桥梁

<script>
var app = angular.module('myApp', []);

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

相关文章

网友评论

      本文标题:AngularJS Scope(作用域)

      本文链接:https://www.haomeiwen.com/subject/fpajwttx.html