Angular 轻量级数字输入指令-ng-digits

Angular 轻量级数字输入指令-ng-digits
插件名称 ng-digits
发布时间 2020年7月24日
插件作者 dzastin

ng-digits是轻量级的Angular 1.x伪指令,仅允许在输入字段中键入数字。

安装:

$ npm install ng-digits –save

# Bower
$ bower install ng-digits –save

用法:

将ng位数字导入到项目中。

import ng-digits from ‘ng-digits’;

示例JavaScript。

angular.module(‘example’, [
‘ng-digits’
]).controller(‘ExampleCtrl’, [‘$scope’,
function($scope){
$scope.testModel = 4567.45;
$scope.testModel2 = 54;
$scope.testModel4 = ’34’;
$scope.testModel5 = ‘067’;

/**
* float, max 2 decimal digits, 2 decimals precision
* @type {Object}
*/
$scope.options1 = {
decimalSeparator: ‘,’,
decimalCount: 2
};

/**
* percentage value without decimals
* @type {Object}
*/
$scope.options2 = {
maxValue: 100,
minValue: 0
};

/**
* min 0, max 500, as string
* @type {Object}
*/
$scope.options4 = {
maxValue: 500,
minValue: 0,
parseToNumber: false
};

/**
* min 0, max 50000, as string, allow leading zeros,
* @type {Object}
*/
$scope.options5 = {
maxValue: 50000,
minValue: 0,
parseToNumber: false,
allowedLeadingZeros: true,
thousandsSeparator: ”
};

$scope.type = function(model){
return typeof model;
}
}]);