Utilisation des attributs HTML Exemple d'exécution: https://stackblitz.com/edit/angular-apd2mf p> Hello.component.ts strong > p> app.commonent.ts strong> p> résultat fort >
Le problème ici est que je vois la valeur de mais y a-t-il une raison pour laquelle l'angulaire attache l'attribut même si je le déclare comme une entrée? P > p> Titre CODE> en tant que @input () code> mène à des résultats étranges.
p> titre code> en planant n'importe où sur la rubrique. Je sais que je peux éviter cela en l'utilisant comme p>
3 Réponses :
en angulaire, il existe de nombreuses syntaxes pour interat avec le composant. Comme @ Alif50 dit, P>
Titre code> appellera l'attribut Title HTML, où [Titre] code> se liera à la propriété d'entrée angulaire, comme vous pouvez le voir ici . P>
Le moyen de le corriger à l'aide d'un autre nom de propriété que title code> est un attribut HTML standard à afficher indice code> ou ou , lorsque vous liez Titre code> non seulement vous Bind @input code> mais aussi vous avez été câblé à l'attribut Title HTML. p>
Titre code>, quelque chose comme texte code> ou [Votre COMCOMPONENT] titre code> Comme Listtitle < / code>, ... p>
Pour empêcher l'info-bulle de s'afficher, vous pouvez définir votre propriété Custom voir Cette collerblitz pour une démo. p> p> Titre CODE> en tant que getter / Setter et attribuer une chaîne vide dans le titre Native code> propriété HTML dans le Setter:
Oui parce que je pense que
titre code> est un attribut HTML et il est confus. Vous pouvez renommertitre code> ànametitle code> pour éviter ce problème. w3schools.com/tags/att_title.aspAussi, veuillez préférer
[nom] = "nom" code>Angulaire ne fait rien. Le panier HTML du navigateur consiste à voir un attribut
titre code> et faire ce qu'il est programmé à faire; montrant une info-bulle.