angularJS 中指令修改input中的值

我想写一个指令,当input失去焦点的时候,如果输入的不是数字,更改输入框中的文字
现在打印出来的viewValue和modelValue看起来变化了,但输入框中没有改变,求指教

myApp.directive('isNum',function(){
    return {
        require: '?ngModel',
        link: function(scope, element, attrs,ngModel) {
            if(!ngModel)return;
            ngModel.$render = function() {
              element.html(ngModel.$viewValue || '');
            };
            element.on('blur',function(){
              if(isNaN(ngModel.$viewValue)){
                scope.$apply(read);
              }              
            });   
            function read(){
              ngModel.$setViewValue("请输入数字");
              ngModel.$setValidity('isNum',false);
              console.log(ngModel);
            }
        }   
    }; 
});
<input type="text" ng-model = "test" is-num/>
阅读 6.8k
2 个回答

改变值之后需要调用ngModel.$render();重新渲染,然后这个问题就解决了

require: '^ngModel'

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题