Angular JSの数値書式

Question

銀行アプリケーションの口座番号に対して、Angular JSで数値書式を設定しています。

アカウントフォーマット11-02980-1を実装するにはどうすればよいですか。私は区切り記号（ - ）が入力テキストに自動的に追加されるようにしたい場合があります（11029801）。私は11を入力するときすなわちは、区切り記号（ - ）が追加され、その後、02980は、別の区切り文字が追加された後、最後に1

おかげ

Answer 1

EDIT

は、これはあなたが探していたものですか？

このスニペットを試してみてください：[電話番号をフォーマットするディレクティブ]の

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>