Comment remplacer les cordes angulaire 2?
J'ai utilisé ci-après interpolation dans la page html.
<div>{{config.CompanyAddress.replace('\n','<br />')}}</div>
et également utilisé
<div>{{config.CompanyAddress.toString().replace('\n','<br />')}}</div>
Mais les deux sont l'affichage de texte comme ci-dessous
{{config.CompanyAddress.replace('\n','<br />')}}
{{config.CompanyAddress.toString().replace('\n','<br />')}}
Créer un canal pour que.
OriginalL'auteur Nimesh Vaghasiya | 2017-01-10
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser un tuyau pour la même chose:
Le tuyau doit être inclus dans votre @NgModule déclarations pour être inclus dans l'application.
Pour afficher le code HTML de votre modèle, vous pouvez utiliser la liaison outerHTML.
OriginalL'auteur Siddharth Sharma
{{}}
est pour la chaîne d'interpolation et le résultat sera toujours ajouté en tant que Chaîne de caractères. La liaison ne fonctionne pas du tout dans ce cas en raison de la<
et>
contenue dans l'expression, la{{}}
ne sont pas interprétés comme prévu.avec
devrait faire ce que vous voulez. Comme mentionné par @hgoebl
replaceLineBreak
pourraient être mises en œuvre en tant que tuyau ainsi si vous avez besoin d'elle à plusieurs endroits.Plunker exemple
Soupçon: Il est déconseillé de se lier à des méthodes directement, parce que la méthode est appelée à chaque changement de cycle de détection. Un pur (par défaut) de la pipe n'est appelée que lorsque la valeur d'entrée des changements. Donc une conduite plus efficace.
Une autre façon est de faire le remplacement d'une seule fois et de se lier à la valeur à l'remplacé les sauts de ligne au lieu de l'appeler
replaceLineBreak
à plusieurs reprises.Soupçon: Vous probable souhaitez remplacer tous les sauts de ligne, pas seulement la première. un. Il y a assez de JS questions qui expliquent comment faire, je n'ai donc pas la peine.
OriginalL'auteur Günter Zöchbauer