美文网首页
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