Angular.js 學習二---$scope和$rootScope,Angular模組的run方法,依賴注入中代碼壓縮

標籤：log   control   blog   學習   app   依賴注入   margin   module   區別   

一、$scope和$rootScope的區別

一句話總結：

$rootScope針對全域的範圍生效

$scope只針對當前的controller範圍生效

二、AngularJS模組的run方法

run方法初始化全域的資料，只對全域範圍起作用 如$rootScope

<script type="text/javascript"> 
　var m1 = angular.module(‘myApp‘, []);  m1.run([‘$rootScope‘, function ($rootScope) {    $rootScope.name = ‘hello‘;  }]);</script>

 三、依賴注入中代碼壓縮問題

定義一個Controller，通常方法是如下代碼，但是代碼壓縮的過程中function裡面的參數有可能會變化，$scope有可能會變成$sc,或者是其他(這裡的變化不可控制)，一旦變化，下面綁定的值就會出錯。

var app = angular.module("myApp", []);app.controller(‘firstController‘, function ($scope) {  $scope.name = ‘張三‘;});

為瞭解決這個問題，在function外面加[],傳入字串，如下代碼所示，因為字串在壓縮的過程中不會改變。

var app = angular.module("myApp", []);app.controller(‘firstController‘, [‘$scope‘, function ($scope) {  $scope.name = ‘張三‘;}]);

Angular.js 學習二---$scope和$rootScope,Angular模組的run方法,依賴注入中代碼壓縮