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

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

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

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

Ответы

Ответ 1

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

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

Ответ 2

Вы можете передать строку, помещая строку в кавычки

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

Ответ 3

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

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

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