视图未使用更新的模型进行刷新

Question

我的 angular 视图在模型更改时未更新。指令中的 "onblur" 事件正在更改模型。

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

我的模型正在传递给指令，而指令正在显示模型的内容。

请找到下面的插件。 http://plnkr.co/edit/Ku5yOyWsa1fjnLIs2Eu3?p=preview

你能告诉我这里缺少什么吗？谢谢

Answer 1

Angular 不知道您的模型更改：您需要使用 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();
    //});
});

Answer 2

以下更改对我有用。

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

更正了 plunk http://plnkr.co/edit/kSnZbgY5AiaSfQxjbQke?p=preview

视图未使用更新的模型进行刷新

view is not getting refreshed with updated model

validation

angularjs

angularjs-directive

angularjs-digest

angular-directive