Angular JS的數字格式

-3

我正在Angular JS中爲銀行應用程序的帳號進行數字格式化。Angular JS的數字格式

如何實現帳戶格式11-02980-1。當某些添加數字（11029801）時，我希望分隔符（ - ）自動添加到輸入文本中。即當我鍵入11，分隔符（ - ）加入，然後02980，再添加另外的分隔符，然後最後1

感謝

來源

2017-01-13 Ippez Roberts Trevorz Marxwell

的可能的複製[A指令格式的手機號碼（http://stackoverflow.com/questions/22057481/a-directive-to-格式電話號碼） – superUser

編輯

難道這就是你要找的人？

試試這個片斷：

var MyApp = angular.module('MyApp', []); 
 
MyApp.controller('TestController', TestController); 
 

 
function TestController($scope) { 
 
\t $scope.accNumber = ''; 
 
\t $scope.previousAccNumber = ''; 
 
\t $scope.editAccountNumber = function (accNumber) { 
 
\t \t if ($scope.previousAccNumber.length > accNumber.length) { 
 
\t \t \t $scope.previousAccNumber = accNumber; 
 
\t \t \t return accNumber; 
 
\t \t } 
 
\t \t accNumber = accNumber.replace(/-/g, ''); 
 
\t \t var classA = accNumber.slice(0, 2); 
 
\t \t var classB = accNumber.slice(2, 7); 
 
\t \t var classC = accNumber.slice(7, 8); 
 
\t \t var finalNumber = []; 
 

 
\t \t if (classA && classA.length == 2) { 
 
\t \t \t finalNumber.push(classA, "-"); 
 
\t \t } else { 
 
\t \t \t return classA; 
 
\t \t } 
 

 
\t \t if (classB && classB.length == 5) { 
 
\t \t \t finalNumber.push(classB, "-"); 
 
\t \t } else { 
 
\t \t \t return classA + "-" + classB; 
 
\t \t } 
 

 
\t \t if (classC && classC.length == 1) { 
 
\t \t \t finalNumber.push(classC); 
 
\t \t } 
 
\t \t $scope.previousAccNumber = finalNumber.join(''); 
 
\t \t return finalNumber.join(''); 
 
\t } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app> 
 
    <div ng-controller="TestController"> 
 
     <input id="accNumber" type="text" placeholder="Enter Account Number" ng-model="accNumber" ng-change="accNumber = editAccountNumber(accNumber)" /> 
 
    </div> 
 
</div>

來源

2017-01-13 11:14:58

嗨，你可以請有一個完整的實現這與什麼應該是HTML文件的標籤。我嘗試了以下，但它失敗 –

@IppezRobertsTrevorzMarxwell嘗試我的新摘要 –

我仍然有挑戰實現這一點是因爲一些輸入字段已經將ng-model綁定到它。是否有可能在一個輸入字段上有多個ng模型，例如ng-model =「formData.glCode」ng-model =「accNumber」ng-change =「accNumber = editAccountNumber（accNumber）」？因爲所有這些輸入字段，我想申請這已ng模型已經和我也需要使用我ng-model =「accNumber」謝謝 –

Angular JS的數字格式

回答

相關問題