本文實例講述了angular 實現(xiàn)的輸入框數(shù)字千分位及保留幾位小數(shù)點功能。分享給大家供大家參考，具體如下：

為尼瑪?shù)鹊貐^(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及尼瑪網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站制作、做網(wǎng)站、尼瑪網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

網(wǎng)上查到一個關(guān)于千分位的指令，我稍微做了點完善，通用指令代碼

myApp.directive('price', function($parse) {
 return {
  link: function (scope, element, attrs, ctrl) {
    //控制輸入框只能輸入數(shù)字和小數(shù)點
    function limit(){
      var limitV=element[0].value;
      limitV=limitV.replace(/[^0-9.]/g,"");
      //處理0開頭的整數(shù)
      if ((/^0+[0-9]+$/).test(limitV)) {
        limitV=limitV.replace(/\b(0+)/gi,"");
      }
      //限定小數(shù)點后的位數(shù)
      var digits = attrs['digits']?Number(attrs['digits']):2;
      if (limitV*Math.pow(10,digits)%1!=0) {
        var index = limitV.indexOf('.');
        var last = index+digits+1;
        limitV = (""+limitV).substring(0,last);
      }
      element[0].value=limitV;
      $parse(attrs['ngModel']).assign(scope, limitV);
      format();
    }
    //對輸入數(shù)字的整數(shù)部分插入千位分隔符
    function format(){
      var formatV=element[0].value;
      var array=new Array();
      array=formatV.split(".");
      var re=/(-?\d+)(\d{3})/;
      while(re.test(array[0])){
        array[0]=array[0].replace(re,"$1,$2")
      }
      var returnV=array[0];
      for(var i=1;i
html代碼的引用，digits傳的是小數(shù)點后保留幾位，默認不傳保留2位
PS：這里再為大家推薦幾款在線計算工具供大家參考使用：
在線投資理財計算器：
http://tools.jb51.net/jisuanqi/touzilicai_calc
在線存款計算器：
http://tools.jb51.net/jisuanqi/cunkuan_calc
科學計算器在線使用_高級計算器在線計算：
http://tools.jb51.net/jisuanqi/jsqkexue
在線計算器_標準計算器：
http://tools.jb51.net/jisuanqi/jsq
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對大家AngularJS程序設(shè)計有所幫助。
            
            
                        

            網(wǎng)站標題：angular實現(xiàn)的輸入框數(shù)字千分位及保留幾位小數(shù)點功能示例            

            文章網(wǎng)址：http://weahome.cn/article/ipijig.html