angular--控制器controller

爲了方便多個控制器中的公共數據初始化,AngularJS提供了一個全局作用域對像$roorScope。

 AngularJS應用中,僅有一個全局作用域,其他所有的$scope作用域都是$rootScope的子元素。

因爲控制器函數中可以直接使用$rootScope,就有可能會造成全局數據污染。
     規範:$rootScope一般和Angular模塊的run()方法一起使用,進行全局數據的初始化。

<!DOCTYPE html>
<html ng-app="myApp">  //程序運行入口
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/angular.min.js"></script>
</head>
<body>
<div ng-controller="myCtrl">
    {{name}}
    {{username}}
</div>
<div ng-controller="myCtr2">
    {{name}}
    {{username}}
</div>
<div ng-controller="myCtr3">
    {{name}}
    {{username}}
</div>
</body>
<script>
三個控制器中,都要使用到一個數據name。
第一種:通過給每個每個控制器裏的name賦相同的值。
第二種:通過全局作用域對象$rootScope.
    var app=angular.module("myApp",[]);
    app.controller("myCtrl",function ($scope) { //第一個控制器
        $scope.name="Tom"
    })
    app.controller("myCtr2",function ($scope) {//第二個控制器
        $scope.name="Tom"
    })
    app.controller("myCtr3",function ($scope) {//第三個控制器
        $scope.name="Tom"
    })
//初始化全局數據
    app.run(function ($rootScope) {
        $rootScope.username="jquey";
    })
</script>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章