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

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

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

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

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

myApp.directive('price', function($parse) {
 return {
  link: function (scope, element, attrs, ctrl) {
    //控制輸入框只能輸入數(shù)字和小數(shù)點(diǎn)
    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ù)點(diǎn)后的位數(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();
    }
    //對(duì)輸入數(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ù)點(diǎn)后保留幾位,默認(rèn)不傳保留2位

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

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

在線投資理財(cái)計(jì)算器:
http://tools.jb51.net/jisuanqi/touzilicai_calc

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

科學(xué)計(jì)算器在線使用_高級(jí)計(jì)算器在線計(jì)算:
http://tools.jb51.net/jisuanqi/jsqkexue

在線計(jì)算器_標(biāo)準(zhǔn)計(jì)算器:
http://tools.jb51.net/jisuanqi/jsq

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • angular2使用簡(jiǎn)單介紹

    angular2使用簡(jiǎn)單介紹

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

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

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

    測(cè)試IE瀏覽器對(duì)JavaScript的AngularJS的兼容性

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

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

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

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

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

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

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

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

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

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

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

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

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

    angularjs 緩存的使用詳解

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

最新評(píng)論

区。| 班玛县| 河北省| 尤溪县| 丹东市| 华亭县| 奎屯市| 滦南县| 光山县| 益阳市| 外汇| 会理县| 邹平县| 元氏县| 竹山县| 蒲城县| 三亚市| 武功县| 深泽县| 运城市| 千阳县| 滨州市| 中江县| 桓台县| 寿光市| 永州市| 巴彦县| 任丘市| 鹤庆县| 平原县| 环江| 界首市| 白河县| 韶关市| 遵化市| 温宿县| 绥芬河市| 桐梓县| 镇坪县| 克什克腾旗| 沈阳市|