J'essaie de définir une variable de numéro de type à la valeur sélectionnée d'un objet, mais ne comprenez pas comment la définir.
Je veux avoir l'âge du chat sélectionné. Je veux que la sélection code> soit un entier, mais elle est affichée sous forme de nan p>
html: p> composant: p > selectedOption: any;
options = [
{ name: "Neeko", age: 4},
{ name: "Gato", age: 6},
{ name: "Gatto", age: 12}
]
// This is the problem. How do I correct it?
// selectAge: number = +this.selectedOption; //NaN
3 Réponses :
Vous pouvez utiliser l'événement html: p> the < Code> $ événement code> La variable représente l'option sélectionnée. p> ngmodelChange code> sur votre code> directive. Lorsque votre sélection change, angular appellera le ngmodelchange code>, puis vous pourrez attribuer votre valeur:
Par exemple, votre variableOption sélectionnée est NULL, vous obtenez donc cette erreur. Vous pouvez utiliser l'événement NGModelChanger pour la lier.
Dans votre fichier HTML P> fichier TS p>
Comment l'utilisateur pourrait-il avoir sélectionné une valeur ajoutée et définir ainsi la valeur
sélectionner sur la valeur code>, pendant que vous n'avez même pas fini de construire votre composant et que le composant n'est donc pas affiché dans le navigateur? La ligneSélection: numéro = + ceci.selectedOption; code> est exécuté lors de la construction du composant. Puisque vous n'avez pas initialisé la propriétéSementéeOption code>, sa valeur est indéfinie.