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

发布时间：2020-12-17 08:53:22 所属栏目：安全来源：网络整理

导读：我有一个输入指令,应该允许用户撤消. Enter使用某个功能保存值,Esc取消编辑上次保存. 对于Esc keypress事件,我使用的是ngmodel.$setViewValue(scope.last_saved_value),但输入没有更新.我从docs知道这个函数不会触发$digest,所以我把它放在$apply中,但它仍然

我有一个输入指令,应该允许用户撤消.

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

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

JSBIN example

我通常都包含并要求ngModel：

app.directive('cancelableInput',function($timeout) { 
  return { 
    restrict : "A",require : 'ngModel',scope: {
      ngModel: '=?'
    },

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!