0
votes

Angulaire: L'entrée radio fonctionne uniquement avec des valeurs numériques

J'essaie d'ajouter deux boutons radio simples pour un utilisateur pour sélectionner leur sexe. Lorsque je définis les deux [valeur] code> s sur une valeur numérique, cela fonctionne parfaitement bien. Si je change l'un d'entre eux vers une valeur non numérique, je peux toujours sélectionner les deux options, mais l'option non numérique entraîne la valeur enregistrée étant non définie code>. Si je définis les deux options sur une valeur non numérique, je ne peux sélectionner que la dernière option, ce qui entraîne à nouveau la valeur «code> non défini code>.

composant.html code>:

export class SomeComponent {
    Gender: string = null;

    someFunction() {
        console.log(this.Gender);
    }
}


0 commentaires

3 Réponses :


1
votes

[valeur] attend une expression comme une propriété de votre composant. Si vous passez juste m il tente d'accéder à la propriété m sur votre composant (qui est évidemment non défini, vous n'avez que sexe défini). < / p>

essayez valeur = "m" ou même [valeur] = "'M'" . .


2 commentaires

M'a dit que ça allait être quelque chose de simple. Cela fonctionne, merci! Je vais accepter la réponse dès que je peux.


@Alex heureux d'aider.



1
votes

Vous devez remplacer [valeur] = "m" avec valeur = "m" ou valeur = "'M'" Comme ceux que vous utilisez sont statiques et que vous devez utiliser la syntaxe de liaison de la propriété uniquement lorsque vous essayez d'attribuer de la valeur via la variable.

Dans votre cas, la [valeur] La liaison de la propriété essaie de rechercher des propriétés m et F respectivement et ne peut pas le trouver


0 commentaires

0
votes

J'ai utilisé des tableaux dans TypeScript avec NgFour dans le modèle pour plutôt grand succès:

composant.html: xxx

composant.ts: xxx


0 commentaires