我想允许用户只在文本框中输入正数
我的代码如下:
script.js文件内容:
angular.module("myfapp", []).controller("HelloController", function($scope) { $scope.helloTo = {}; $scope.helloTo.title = "AngularJS"; }); angular.module('myApp', []).controller('MainCtrl', function($scope) { app.directive('validNumber', function() { return { require: '?ngModel', link: function(scope, element, attrs, ngModelCtrl) { if (!ngModelCtrl) { return; } ngModelCtrl.$parsers.push(function(val) { var clean = val.replace(/[^0-9]+/g, ''); if (val !== clean) { ngModelCtrl.$setViewValue(clean); ngModelCtrl.$render(); } return clean; }); element.bind('keypress', function(event) { if (event.keyCode === 32) { event.preventDefault(); } }); } }; }); });
angular.html内容如下:
Welcome {{ helloTo.title }} to the world of Tutorialspoint!
AngularJS Numeric Value Widget
为什么不起作用?任何人都可以运行它,请检查!
将输入类型更改为number
,然后您可以使用min
指令指定允许的最小数量.