0
votes

Substitution variable dans la liaison angulaire7

Comment puis-je remplacer la variable lors de la liaison à Angular7 Supposons que j'ai une chaîne "Bienvenue sur mon site" Lors de la liaison, il devrait afficher Bienvenue Mike sur mon site


1 commentaires

Cela devrait être fait sur l'extrémité HTML non dans le composant JS.


3 Réponses :


0
votes

Vous devez utiliser une variable dans votre modèle HTML, comme {{welcomSSG}}, et construire cette chaîne dans le composant .TS (si vous utilisez TypeScript).

p>

<div>
Welcome {{usename}} to my Site!
</div>


9 commentaires

Je veux laisser le nom = "mike"; Laissez MULTI = Bonjour mon nom est $ {nom} ; console.log (multi); Je veux une chose similaire dans HTML fin comment il est possible lorsque le rendu


Ainsi, comme je l'ai décrit: vous avez un nom = 'Mike', message = "Bienvenue sur mon site". HTML serait: {{message}} {{nom}}


N'est-ce pas possible comme dans C # nous avons une fonction string.format () qui remplacent les valeurs d'espace réservé?


Vous pouvez utiliser Remplacer () sur la fonction String, plus vous trouverez sur Google :)


Mais pourquoi pas il y a une fonction comme nous avons en C # pour le formatage? Parce que si nous avons une valeur multiple à remplacer, nous devons utiliser plusieurs fois de remplacement de temps.


Peut-être parce que ce n'est pas c #?


Je sais que ce n'est pas c # mais je pense qu'il devrait y avoir des moyens de remplacer les valeurs du porte-lieu, pensez-y, c'est une méthode couramment utilisée


Oui, et je vous l'ai montré en réponse. Plus d'informations Vous pouvez simplement trouver dans Google :)


Je pense que nous pouvons suggérer à la communauté angulaire pour soulever la voix pour cette méthode?



0
votes

Si, en dehors du nom, le texte reste identique et pour se lier au HTML, le moyen préférable de HTML: -

<div>
Welcome {{_userName}} to my Site!
</div>


0 commentaires

0
votes

Dans le fichier HTML, vous pouvez écrire comme suit: xxx pré>

et si vous utilisez TS File (Typecript), vous pouvez initialiser le nom d'utilisateur là-bas. P>

export class AppComponent {
  username= 'Mike';
}


0 commentaires