gpt4 book ai didi

jquery - Angular 数仅输入限制 0

转载 作者:行者123 更新时间:2023-12-01 04:43:09 25 4
gpt4 key购买 nike

我使用的是 Angular,并且只有数字输入,

问题是我需要限制 0。有什么建议请...

最佳答案

使用NgModelController提供的$parsers ,我们可以扫描并从数字字段中删除零。

我创建了一个指令,它将限制数字字段中的零。将其添加到您的应用程序中。

然后您可以在数字输入元素上使用它来防止零。它仍然允许负数。

注意:您需要将其用作输入字段的属性。喜欢 restrict-zero

示例:<input type="number" restrict-zero ng-model="number">

<强> See Plnkr

angular.module('app', [])
.controller('myCtrl', function($scope) {
$scope.number = '';
})
.directive('restrictZero', function() {
return {
require: 'ngModel',
restrict: 'A',
link: function(scope, element, attrs, modelCtrl) {
modelCtrl.$parsers.push(function(inputValue) {
if (inputValue == null)
return ''
cleanInputValue = inputValue.replace(/^0/g, '');
if (cleanInputValue != inputValue) {
modelCtrl.$setViewValue(cleanInputValue);
modelCtrl.$render();
}
return cleanInputValue;
});
}
}
});
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-app="app" ng-controller="myCtrl">
Number : <input type="number" restrict-zero ng-model="number" name="number">
</body>

</html>

关于jquery - Angular 数仅输入限制 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34199562/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com