Angularjs – 设置视图值不更新显示

前端之家收集整理的这篇文章主要介绍了Angularjs – 设置视图值不更新显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个输入指令,应该允许用户撤消.

Enter使用某个功能保存值,Esc取消编辑上次保存.

对于Esc keypress事件,我使用的是ngmodel.$setViewValue(scope.last_saved_value),但输入没有更新.我从docs知道这个函数不会触发$digest,所以我把它放在$apply中,但它仍然无效.

JSBIN example

我通常都包含并要求ngModel:
  1. app.directive('cancelableInput',function($timeout) {
  2. return {
  3. restrict : "A",require : 'ngModel',scope: {
  4. ngModel: '=?'
  5. },

然后,当您想要更改模型值并让它更新时,您可以这样做:

  1. scope.$apply(function() {
  2. scope.ngModel = scope.last_saved_value;
  3. });

猜你在找的Angularjs相关文章