視圖沒有被更新的模型刷新

Question

當模型更改時，我的角度視圖沒有得到更新。模型在指令中的「onblur」事件中發生了變化。

inputNgEl.bind('blur', function() { })

我的模型被傳遞給一個指令，並指令顯示模型的內容。

請在下面找到該plunk。 http://plnkr.co/edit/Ku5yOyWsa1fjnLIs2Eu3?p=preview

你能告訴我這裏有什麼遺漏嗎？謝謝。

Answer 1

以下更改爲我工作觸發摘要。

inputNgEl.bind('blur', function() { $timeout(function() { scope.$apply(ValidateControl); }, 0, false); });

更正普拉克http://plnkr.co/edit/kSnZbgY5AiaSfQxjbQke?p=preview

Answer 2

角不知道你的模型的變化：你需要使用scope.$apply()

// only apply the has-error class after the user leaves the text box 
inputNgEl.bind('blur', function() { 
    //el.toggleClass('has-error', formCtrl[inputName].$invalid); 
    //helpText.toggleClass('hide', formCtrl[inputName].$valid); 
    scope.$apply(ValidateControl); 

    // Or 
    //scope.$apply(function() { 
    // ValidateControl(); 
    //}); 
});