0
votes

Angulaire - Utiliser le «titre» comme @input

Utilisation des attributs HTML Titre en tant que @input () mène à des résultats étranges.

Exemple d'exécution: https://stackblitz.com/edit/angular-apd2mf

Hello.component.ts xxx

app.commonent.ts xxx

résultat Entrez la description de l'image ici

Le problème ici est que je vois la valeur de titre en planant n'importe où sur la rubrique. Je sais que je peux éviter cela en l'utilisant comme xxx

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?


3 commentaires

Oui parce que je pense que titre est un attribut HTML et il est confus. Vous pouvez renommer titre à nametitle pour éviter ce problème. w3schools.com/tags/att_title.asp


Aussi, veuillez préférer [nom] = "nom"


Angulaire ne fait rien. Le panier HTML du navigateur consiste à voir un attribut titre et faire ce qu'il est programmé à faire; montrant une info-bulle.


3 Réponses :


0
votes

en angulaire, il existe de nombreuses syntaxes pour interat avec le composant. Comme @ Alif50 dit,

Titre appellera l'attribut Title HTML, où [Titre] se liera à la propriété d'entrée angulaire, comme vous pouvez le voir ici .


0 commentaires

1
votes

title est un attribut HTML standard à afficher indice ou ou , lorsque vous liez Titre non seulement vous Bind @input mais aussi vous avez été câblé à l'attribut Title HTML.

Le moyen de le corriger à l'aide d'un autre nom de propriété que Titre , quelque chose comme texte ou [Votre COMCOMPONENT] titre Comme Listtitle < / code>, ...


0 commentaires

1
votes

Pour empêcher l'info-bulle de s'afficher, vous pouvez définir votre propriété Custom Titre en tant que getter / Setter et attribuer une chaîne vide dans le titre Native propriété HTML dans le Setter: xxx

voir Cette collerblitz pour une démo.


0 commentaires