AngularJS: Liaison boolean valeur d'un bouton radio, tels que les mises à jour de modèle à faux sur décochez événement

Dans mon application AngularJS, je suis afficher les contacts des données dans une grille. Mon type de contacts JSON ressemble comme ci-dessous ...

[
    { type: "IM", value: "mavaze123", default: true },
    { type: "IM", value: "mvaze2014", default: false },
    { type: "IM", value: "mavaze923", default: false },
    { type: "IM", value: "mvaze8927", default: false },
    { type: "Email", value: "[email protected]", default: true },
    { type: "Email", value: "[email protected]", default: false } 
]

La dernière propriété "par défaut" est en fait un bouton radio, la sélection de ce qui devrait changer la valeur par défaut d'origine correspondant au type de contact ci-dessus JSON. Il peut y avoir un défaut de chaque type de contact, c'est à dire on peut groupe de boutons radio basé sur le type de contact.

<div ng-repeat="contact in contacts">
    <div>{{contact.type}}</div>
    <div>{{contact.value}}</div>
    <div><input type="radio" name="{{contact.type}}" ng-model="contact.default" ng-value="true"/></div>
</div>

Remarque: Le code ci-dessus n'est pas le montant exact, mais environ même, que
il apparaît à l'intérieur d'une grille personnalisée composant.

Maintenant, quand je charge mon point de vue/modifier le formulaire de la page ci-dessus JSON, il montre bien à la radio d'état de tous les contacts. Le problème vient, après le chargement de la page, lorsque l'utilisateur sélectionne un autre contact en tant que par défaut. Cela change réellement la valeur de modèle de défaut à true pour les nouveaux contact sélectionné toutefois, le modèle de la valeur d'origine par défaut de contact reste vrai, même si son la radio les modifications de l'état de décocher/flou (parce qu'ils sont ayant le même " nom " value).

J'ai pensé à écrire une directive, mais je suis incapable de trouver, il a déclenché sur radio-flou/décocher événement.

Il y a différents postes sur la liaison des valeurs booléennes pour les boutons radio, mais je suis incapable de le faire fonctionner dans mon scénario, que je veux mettre à jour le modèle de valeurs pour chaque bouton radio dans un groupe de boutons radio. Voir, il n'existe pas de modèle unique, représentant un groupe de boutons radio.

AngularJS: Liaison boolean valeur d'un bouton radio, tels que les mises à jour de modèle à faux sur décochez événement

OriginalL'auteur mavaze | 2014-01-04