Bouton Radio pour la propriété booléenne

J'ai une simple propriété booléenne valid dans mon objet document
et besoin de le lier à la radio de radio-entrées.

C'est ce que j'ai à ce jour:

<input type="radio" name="valid" id="validTrue" (click)="document.valid = true" [checked]="document.valid"/>
<input type="radio" name="valid" id="validFalse" (click)="document.valid = false" [checked]="!document.valid"/>

Au moins la définition de la propriété sur cliquez sur les œuvres, mais son état n'est pas affichée par le radio-entrées. La recherche dans le développement de la console de mon navigateur, j'ai découvert qu'une propriété ng-reflect-checked est fixé, mais il ne semble pas avoir d'impact sur le html radio-entrée.

Ce que je fais mal?

Quelqu'un aurait-il un groupe de travail "angular2-boolean-radio-entrée" extrait?

  • angulaire 2 version que vous utilisez
  • Nouveau RC.3 formes ou obsolète formes?
  • Désolé... je suis sur rc3 à l'aide de nouvelles formes.
InformationsquelleAutor Philipp | 2016-06-29
  1. 68

    Dans de nouvelles formes module cela peut faire ce que vous voulez

      <input type="radio" name="food" [(ngModel)]="document.valid" [value]="true">
  <input type="radio" name="food" [(ngModel)]="document.valid" [value]="false">

    voir aussi conception de la doc pour les nouvelles formes de module

    • Vos avez raison. C'est aussi simple que cela. Je pense que j'ai déjà essayé cela, mais oublier de mettre de la vallée de l'attribut entre crochets.
    • Sans le [] vous obtenez true et false comme une chaîne de caractères qui je pense sont à la fois la valeur true en JS/TS (pas sûr, je ne l'utilise pas beaucoup)
    • Gardez à l'esprit que si vous changer de ReactiveForms alors vous devez supprimer les [] autour de la valeur, depuis valueChanges est ce que vous vous abonnez à un RF formulaire (si vous ne pouvez pas lier aussi). Facile d'oublier la différence entre les deux types de formes.
    • Et si vous voulez ReactiveForms boutons Radio voir cette question: stackoverflow.com/questions/39956579/...
    • J'ai essayé de le faire mais mes boutons radio devenir décochée. J'ai besoin d'une programmés avec la vraie valeur de la charge à cochée par défaut, tandis que l'autre, un séjour décochée. Comment pourrais-je l'activer ce comportement?
    • Si vous modifiez la valeur de document.valid entre true et false, la radio devrait passer ainsi.
    • Cette solution ne fonctionne que si vous avez exactement 2 boutons radio. Est-il un moyen pour obtenir juste le checked propriété booléenne, plutôt que d'évaluer l' value propriété?
    • La valeur peut aussi être autre chose que true et false
    • l' [] vous obtenez le vrai et le faux comme une chaîne de caractères qui je pense sont à la fois la valeur true dans JS/TS (pas sûr, je ne l'utilise pas beaucoup" Alors, quelle est la différence entre la valeur = "false" vs value = "false" ? - Remarquez les guillemets supplémentaires dans le dernier cas.
    • Avec [value]="false" vous lier le littéral booléen false à la valeur de la propriété de l'élément et de la @Input() value:boolean; de la directive/composant. Si la propriété de telle ou entrée n'existe pas, une exception est levée. Avec value="false" vous lier la chaîne "false" à la value attribut. Si l'élément HTML prend en charge un tel attribut, il peut convertir boolean et d'affecter la valeur de sa propriété. Si une directive/composant est hébergé sur l'élément de la chaîne de caractères sera affectée à value d'entrée. Les entrées obtient un string valeur passée.

    InformationsquelleAutor Günter Zöchbauer