Как передать строковое значение компоненту в angular2


Я хотел бы передать строковое значение компоненту в angular2, но он не работает с привязкой по умолчанию. Я думаю о чем-то похожем на это:

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

к сожалению, только выражения разрешены в правой части назначения. Есть ли способ сделать это?

3 53

3 ответа:

строковые литералы могут передаваться разными способами:

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

вы можете передать строку, заключив строку в кавычки

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

чтобы включить одинарную кавычку (и, возможно, другие специальные символы HTML) в строковый литерал, первый вариант работает, а те, которые используют одинарные кавычки для обертывания литерала, терпят неудачу с ошибками синтаксического анализа. Например:

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

выведет" значение Джона " правильно.