parametros - Cómo pasar un valor de cadena a un componente en angular2

pasar parametros entre componentes angular 4

Question

Me gustaría pasar un valor de cadena a un componente en angular2, pero no funciona con el enlace predeterminado. Estoy pensando en algo similar a esto:

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

Desafortunadamente, solo se permiten expresiones en el lado derecho de la tarea. ¿Hay alguna forma de hacer esto?

Answer 1

Los literales de cadena se pueden pasar de diferentes maneras:

<component inputField="string"></component>
<component [inputField]="''string''"></component>
<component inputField="{{''string''}}"></component>

Answer 2

Para incluir una comilla simple (y posiblemente otros caracteres HTML especiales) en el literal de cadena, la primera opción funciona, mientras que aquellos que usan comillas simples para ajustar el literal fallan con errores de análisis. Por ejemplo:

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

Producirá el "Valor de John" correctamente.

Answer 3

Puede pasar una cadena entre comillas.

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