下面的例子中,model被修改了,但是介面沒被更新
範(fàn)例:
http://jsbin.com/relanafohu/4/edit
走同樣的路,發(fā)現(xiàn)不同的人生
https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$apply
所有非Angular可知的非同步操作回呼中的 model 修改都需要使用 apply 方法來顯性地通知angular進(jìn)行視圖的更新,具體看 angular關(guān)於 apply 的文檔。
另外如果 angular 正在進(jìn)行一次更新的過程中(digest circle),apply被調(diào)用,那麼會出現(xiàn)下面這樣的報錯:
Error: $apply already in progress
為了避免這個錯誤,你可以先判斷目前的狀態(tài),可以直接使用下面這個封裝好的方法:
js
safeApply = function( scope, fn) { var phase = scope.$root.$$phase; if(phase == '$apply' || phase == '$digest') { if(fn && (typeof(fn) === 'function')) { fn(); } } else { scope.$apply(fn); } }
當(dāng)你需要設(shè)定model的時候只需要:
js
safeApply( $scope, function(){ // 在這里寫你修改model的代碼 });
關(guān)於這個錯誤的更多細(xì)節(jié)可以查看這個 stackoverflow 上的問題