最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

angular 實現(xiàn)的輸入框數(shù)字千分位及保留幾位小數(shù)點功能示例

 更新時間:2018年06月19日 12:22:04   作者:右耳511  
這篇文章主要介紹了angular 實現(xiàn)的輸入框數(shù)字千分位及保留幾位小數(shù)點功能,涉及AngularJS數(shù)值運算、正則匹配等相關(guān)操作技巧,需要的朋友可以參考下

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

網(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<array.length;i++){
        returnV+="."+array[i];
      }
      element[0].value=returnV;
      $parse(attrs['ngModel']).assign(scope, formatV);
    }
    scope.$watch(attrs.ngModel,function(){
      limit();
    })
  }
 };
})

html代碼的引用,digits傳的是小數(shù)點后保留幾位,默認不傳保留2位

<input ng-model="money" price digits="1"/>

PS:這里再為大家推薦幾款在線計算工具供大家參考使用:

在線投資理財計算器:
http://tools.jb51.net/jisuanqi/touzilicai_calc

在線存款計算器:
http://tools.jb51.net/jisuanqi/cunkuan_calc

科學(xué)計算器在線使用_高級計算器在線計算:
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è)計有所幫助。

相關(guān)文章

  • angular2使用簡單介紹

    angular2使用簡單介紹

    Angular2開發(fā)者預(yù)覽版出來已有一段時間,這個以速度與移動性能為目的的框架到底如何,今天我們來結(jié)合官網(wǎng)的demo嘗試一下。
    2016-03-03
  • Web前端框架Angular4.0.0 正式版發(fā)布

    Web前端框架Angular4.0.0 正式版發(fā)布

    經(jīng)歷了 6 個 RC 版本之后,Angular 發(fā)布了 4.0.0 正式版。下面這篇文章主要給大家介紹了關(guān)于Web前端框架Angular4.0.0 正式版發(fā)布的相關(guān)資料,文中介紹的非常詳細,需要的朋友們下面來一起看看吧。
    2017-03-03
  • 測試IE瀏覽器對JavaScript的AngularJS的兼容性

    測試IE瀏覽器對JavaScript的AngularJS的兼容性

    這篇文章主要介紹了測試IE瀏覽器對JavaScript的AngularJS的兼容性的方法,盡管隨著Windows10的近期上市,IE瀏覽器即將成為歷史...需要的朋友可以參考下
    2015-06-06
  • 詳解Angular Forms中自定義ngModel綁定值的方式

    詳解Angular Forms中自定義ngModel綁定值的方式

    在Angular應(yīng)用中有兩種方式來實現(xiàn)表單綁定,但是對于一些特殊的表單控件沒法實現(xiàn),這篇文章主要介紹了詳解Angular Forms中自定義ngModel綁定值的方式,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-12-12
  • angular.js指令中的controller、compile與link函數(shù)的不同之處

    angular.js指令中的controller、compile與link函數(shù)的不同之處

    最近一位大神問了我angular.js指令中的controller、compile與link函數(shù)的不同,想了想居然回答不出來,所以必須要深入的探究下,下面這篇文章主要介紹了關(guān)于angular.js指令中的controller、compile與link函數(shù)的不同之處,需要的朋友可以參考下。
    2017-05-05
  • 詳解如何在Angular中快速定位DOM元素

    詳解如何在Angular中快速定位DOM元素

    本篇文章主要介紹了詳解如何在Angular中快速定位DOM元素,非常具有實用價值,需要的朋友可以參考下
    2017-05-05
  • AngularJS入門教程之鏈接與圖片模板詳解

    AngularJS入門教程之鏈接與圖片模板詳解

    本文主要介紹 AngularJS 鏈接與圖片模板的知識,這里整理了相關(guān)資料及示例代碼,有興趣的小伙伴可以參考下
    2016-08-08
  • 關(guān)于AngularJs數(shù)據(jù)的本地存儲詳解

    關(guān)于AngularJs數(shù)據(jù)的本地存儲詳解

    本文主要介紹了每一個獨立的JS文件或者不同的控制器如何實現(xiàn)數(shù)據(jù)的共享與交互的方法。具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 淺談angular.js跨域post解決方案

    淺談angular.js跨域post解決方案

    本篇文章主要介紹了淺談angular.js跨域post解決方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • angularjs 緩存的使用詳解

    angularjs 緩存的使用詳解

    這篇文章主要介紹了angularjs 緩存的使用詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03

最新評論

苍南县| 鹰潭市| 邵武市| 金寨县| 昌吉市| 和林格尔县| 莒南县| 武清区| 曲阜市| 利川市| 怀宁县| 栾城县| 峡江县| 内黄县| 西充县| 常熟市| 遂川县| 漳浦县| 汽车| 延吉市| 台山市| 钟祥市| 剑阁县| 宁陕县| 弥渡县| 遵义市| 黄冈市| 金溪县| 思南县| 东乡| 五华县| 闸北区| 兰州市| 津市市| 启东市| 连平县| 亚东县| 灌云县| 井陉县| 搜索| 扬州市|