博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularJS控制input输入框值的的大小
阅读量:4096 次
发布时间:2019-05-25

本文共 1610 字,大约阅读时间需要 5 分钟。

ng-app = "MetronicApp"

用法:控制输入在-999到999

 

 

/** * 控制输入最大值 */MetronicApp.directive('numberMax', function () {    return {        restrict: 'AE',        require: 'ngModel',        link: function (scope, element, attr, linkfn) {            var numberMax = Number(attr.numberMax);            scope.$watch(attr.ngModel,function(newValue,oldValue){               if(!newValue){                  return;                }                if (angular.isNumber(numberMax) && !isNaN(numberMax)) {                  if(newValue > numberMax){                     var exp = attr.ngModel + '=' + oldValue;                     element.val(oldValue);                     scope.$eval(exp);                  }               }            });        }    }});/** * 控制输入最小值 */MetronicApp.directive('numberMin', function () {    return {        restrict: 'A',        require: 'ngModel',        link: function (scope, element, attr, linkfn) {            var numberMin = Number(attr.numberMin);            scope.$watch(attr.ngModel,function(newValue,oldValue){               if(!newValue){                  return;                }                if (angular.isNumber(numberMin) && !isNaN(numberMin)) {                  if(oldValue == '-'){                     var exp = attr.ngModel + '=' + undefined;                     element.val(oldValue);                     scope.$eval(exp);                  }else if(newValue < numberMin){                     var exp = attr.ngModel + '=' + oldValue;                     element.val(oldValue);                     scope.$eval(exp);                  }               }            });        }    }});

 

 

 

转载地址:http://utqii.baihongyu.com/

你可能感兴趣的文章
OpenCV gpu模块样例注释:video_reader.cpp
查看>>
【增强学习在无人驾驶中的应用】
查看>>
《python+opencv实践》四、图像特征提取与描述——29理解图像特征
查看>>
《python+opencv实践》四、图像特征提取与描述——30Harris 角点检测
查看>>
《python+opencv实践》四、图像特征提取与描述——31 Shi-Tomasi 角点检测& 适合于跟踪的图像特征
查看>>
OpenCV meanshift目标跟踪总结
查看>>
人工神经网络——神经元模型介绍
查看>>
人工神经网络——感知器介绍
查看>>
人工神经网络——反向传播算法(BackPropagation)
查看>>
进程的地址空间概述
查看>>
Windows 窗口底层原理
查看>>
一种函数指针的运用
查看>>
Win32程序之进程的原理
查看>>
C++虚函数原理
查看>>
MySQL的索引
查看>>
今天,Python信息量很大!
查看>>
Flash 已死,Deno 当立?
查看>>
编程差的程序员,90%都是吃了数学的亏!骨灰级开发:方法不对,努力也白费...
查看>>
编程差的程序员,90%都是吃了数学的亏!骨灰级开发:方法不对,努力也白费...
查看>>
都无代码了,还要程序员吗?
查看>>