AngularJS 的安全Apply

標籤：

$scope.safeApply = function(fn) {    var phase = this.$root.$$phase;    if (phase == ‘$apply‘ || phase == ‘$digest‘) {        if (fn && (typeof(fn) === ‘function‘)) {            fn();        }    } else {        this.$apply(fn);    }};

使用NG的時候會遇到動態添加資料的情況,有可能在你動態添加資料後頁面因為渲染已經完成了導致新添加的資料在頁面中無法展示

如使用select標籤:

<select id="uidSelect" class="sel" ng-model="sid" ng-init="" ng-options="user.name for user in users">  <option value="" default>-Select one-</option></select>

因為開始的時候users數組的資料是固定的瀏覽器渲染出來後值就是固定的,那麼如果在這之後我們想往users裡面添加資料這個下拉選項是不會有改變的,這時候度娘上的各種攻略會告訴你加上 $scope.$apply() 就可以了...但是加好以後有可能會出現 [$rootScope:inprog] $apply already in progress 這樣的錯誤資訊,那麼這時候只需要使用最上面提供的方法就可以了,

先把最上面的 safeApply 方法加入你的 scope 裡面,然後動態添加完資料後 使用 $scope.safeApply(); 就可以了....

AngularJS 的安全Apply