Comment afficher ng-modèle d'entrée de valeur de la monnaie dans angulaire?

Je vais avoir en html

<input type="text" ng-model="price" >

<h2>{{ price | currency}}</h2>

Dans le contrôleur

$scope.price = 10;   
Which displays   **$10** in h1 if i change the value in price model input.

Je veux la zone de texte d'entrée pour être en devise ($10 dans la zone de saisie de la valeur).
Comment atteindre cet objectif?

désolé pour ma réponse précédente, je n'ai pas lu votre question correctement. S'il vous plaît essayer ma version de démonstration de la nouvelle-réponse ci-dessous.

OriginalL'auteur bleedCoder | 2013-12-23

  1. 15

    Vous pouvez essayer d'utiliser formateurs et les analyseurs comme

    app.directive('currency', function () {
    return {
        require: 'ngModel',
        link: function(elem, $scope, attrs, ngModel){
            ngModel.$formatters.push(function(val){
                return '$' + val
            });
            ngModel.$parsers.push(function(val){
                return val.replace(/^$/, '')
            });
        }
    }
})

    puis

    <input type="text" ng-model="price" currency>

    Démo: Violon

    Merci pour la réponse. Lorsque la page est chargée pour la solution fonctionne très bien. Mais quand je change l'entrée il suffit de le nombre. Je veux la zone de saisie pour avoir le symbole de la monnaie lors de la modification.
    avez-vous vérifié le violon... il a l'air bien
    Lorsque la valeur est supprimée, le dollar s'en va. Aucune idée pourquoi?
    C'est parce que la regex ne remplace la première character. Essayez d'utiliser /[$,]/g.

    OriginalL'auteur Arun P Johny

  2. -3

    Pour l'entrée je n'utilise pas ng-bind ou ng-model, j'ai toujours utiliser ng-value à la place.

    <input type="text" ng-value="variable | currency:'US$ '" />
    Cela fonctionne sur l'affichage initial, mais ne pas reformater sur modifier.
    Eh bien, la question est: "Comment faire pour afficher ng-modèle d'entrée de valeur de la monnaie", et pas "Comment faire pour modifier l'entrée et gardez la monnaie".
    Oui, la question est "Comment faire pour afficher ng-model valeur d'entrée en tant que monnaie". Le fait que la personne s'interroge sur les valeurs d'entrée implique qu'ils veulent que le formatage se produire sur les valeurs saisies dans une zone de texte.

    OriginalL'auteur MarceloBarbosa