Angular.js가 ngModel을 사용하여 입력 필드 값을 설정했습니다.

Question

angular.js를 사용하여 통화 서식을 지정하는 입력을 만들고 있습니다. 여기에 정밀 항상 2로 평가 어디까지

<div layout-fill> 
    <md-input-container layout-fill currency class="number-range"> 
     <input placeholder="From" 
       type="text" 
       name="from" 
       precision="{{rangeController.precision}}" 
       ng-blur="pls = {{pls | currency}}" 
       ng-model="pls"/> 
    </md-input-container> 
</div> 

있을거야. 나는 이것이 틀렸다는 것을 알고있다. (작동하지 않기 때문이다.) 그러나 이것에 관한 문서에서 아무것도 찾을 수 없다. 그리고 나는 100 가지 다른 국제 통화로 포맷 할 수있는 거대한 JQuery 라이브러리에 대해 구글이 말하고있다. 나는 JQuery도 외부 코드도 사용하지 않기를 원한다. 그리고 이것은 매우 단순 해 보인다. 그래서 아무도 왜 그렇게하려고 시도한 적이 없는지 알 수 없다.

Answer 1

나는이 plunker이 당신이 요구하는 것을한다고 믿습니다. 이 지시문을 사용합니다 :

.directive('blurToCurrency', function($filter){ 
    return { 
    scope: { 
     amount : '=' 
    }, 
    link: function(scope, el, attrs){ 
     el.val($filter('currency')(scope.amount)); 

     el.bind('focus', function(){ 
     el.val(scope.amount); 
     }); 

     el.bind('input', function(){ 
     scope.amount = el.val(); 
     scope.$apply(); 
     }); 

     el.bind('blur', function(){ 
     el.val($filter('currency')(scope.amount)); 
     }); 
    } 
    }