Angularjs 如何在键入时删除无效的字符?

Angularjs 如何在键入时删除无效的字符?,angularjs,forms,validation,Angularjs,Forms,Validation,一旦您选择一个字段,就会显示错误效果(ng invalid)。在以下情况下,我如何停止此操作: 当我还没打字的时候 当我还在打字的时候 任何一个的解决方案都很好。除了使用ng invalid 请参阅文档: var-app=angular.module('snipap',[]); app.controller('SampleCtrl',['$scope',函数($scope){ $scope.inputs={} }]); input.one.ng-无效{边框:2px实心红色;} input.tw

一旦您选择一个字段,就会显示错误效果(ng invalid)。在以下情况下,我如何停止此操作:

  • 当我还没打字的时候
  • 当我还在打字的时候

  • 任何一个的解决方案都很好。

    除了使用
    ng invalid

    请参阅文档:

    var-app=angular.module('snipap',[]);
    app.controller('SampleCtrl',['$scope',函数($scope){
    $scope.inputs={}
    }]);
    
    input.one.ng-无效{边框:2px实心红色;}
    input.two.ng-invalid.ng-toucted{边框:2px实心红色;}
    
    未经触摸:
    带着感动:
    {{输入| json}
    
    除了使用
    ng invalid

    请参阅文档:

    var-app=angular.module('snipap',[]);
    app.controller('SampleCtrl',['$scope',函数($scope){
    $scope.inputs={}
    }]);
    
    input.one.ng-无效{边框:2px实心红色;}
    input.two.ng-invalid.ng-toucted{边框:2px实心红色;}
    
    未经触摸:
    带着感动:
    {{输入| json}
    
    除了使用
    ng invalid

    请参阅文档:

    var-app=angular.module('snipap',[]);
    app.controller('SampleCtrl',['$scope',函数($scope){
    $scope.inputs={}
    }]);
    
    input.one.ng-无效{边框:2px实心红色;}
    input.two.ng-invalid.ng-toucted{边框:2px实心红色;}
    
    未经触摸:
    带着感动:
    {{输入| json}
    
    除了使用
    ng invalid

    请参阅文档:

    var-app=angular.module('snipap',[]);
    app.controller('SampleCtrl',['$scope',函数($scope){
    $scope.inputs={}
    }]);
    
    input.one.ng-无效{边框:2px实心红色;}
    input.two.ng-invalid.ng-toucted{边框:2px实心红色;}
    
    未经触摸:
    带着感动:
    {{输入| json}
    
    您可能需要使用设置“
    updateOn
    (应更新模型值的事件)和
    allowInvalid
    (仅当您仍需要将模型值设置为无效值时)。 将
    updateOn
    设置为
    blur
    。请记住,如果不想对每个图元重复,可以在顶层设置ng模型选项

    例如:-

    
    

    您可能需要使用设置“
    更新”(应更新模型值的什么事件)和
    allowInvalid
    (仅当您仍然需要将模型值设置为无效值时)。 将
    updateOn
    设置为
    blur
    。请记住,如果不想对每个图元重复,可以在顶层设置ng模型选项

    例如:-

    
    

    您可能需要使用设置“
    更新”(应更新模型值的什么事件)和
    allowInvalid
    (仅当您仍然需要将模型值设置为无效值时)。 将
    updateOn
    设置为
    blur
    。请记住,如果不想对每个图元重复,可以在顶层设置ng模型选项

    例如:-

    
    

    您可能需要使用设置“
    更新”(应更新模型值的什么事件)和
    allowInvalid
    (仅当您仍然需要将模型值设置为无效值时)。 将
    updateOn
    设置为
    blur
    。请记住,如果不想对每个图元重复,可以在顶层设置ng模型选项

    例如:-

    
    

    input.one.ng-invalid { border: 2px solid red; }
    input.two.ng-invalid.ng-touched { border: 2px solid red; }
    
     <input type="number" name="num2" ng-model="num2"  ng-model-options="{'updateOn':'blur'}">