Angularjs 如何在键入时删除无效的字符?
一旦您选择一个字段,就会显示错误效果(ng invalid)。在以下情况下,我如何停止此操作: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
请参阅文档:
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'}">