web-dev-qa-db-fra.com

Comment passer une valeur de chaîne à un composant dans angular2

J'aimerais transmettre une valeur de chaîne à un composant de angular2, mais cela ne fonctionne pas avec la liaison par défaut. Je pense à quelque chose de semblable à ceci:

<component [inputField]="string"></component>

Malheureusement, seules les expressions sont autorisées du côté droit de la tâche. Y a-t-il un moyen de faire cela?

angularangular2-template
66
Andras Hatvani

Les littéraux de chaîne peuvent être passés de différentes manières:

<component inputField="string"></component>
<component [inputField]="'string'"></component>
<component inputField="{{'string'}}"></component>
133
Günter Zöchbauer

Vous pouvez passer une chaîne en la mettant entre guillemets

<component [inputField]="'string'"></component>
46
Eric Martinez

Pour inclure un guillemet simple (et éventuellement d'autres caractères HTML spéciaux) dans le littéral chaîne, la première option fonctionne, tandis que ceux qui utilisent des guillemets simples pour envelopper le littéral échouent avec des erreurs d'analyse. Par exemple:

<component inputField="John&#39;s Value"></component>

Générera "Valeur de John" correctement.

3
Glenn