Angular2: Escape символ на входе компонента

Question

У меня есть следующий код:

<my-comp [title]="Foo's component"></my-comp> 

Я пробовал много вещей ('', \', \\', \'', ...), чтобы избежать ', но я Бесполезный Мне это удастся. Как я могу это сделать?

Answer 1

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

<my-comp [title]="'Foo\'s component'"></my-comp> 

Добавление апостроф перед и после

Answer 2

Вы связываетесь с свойством title, которое, вероятно, имеет тип string. То, что вы на самом деле делаете, привязывает его к выражению javascript (well .. angular2), которое равно Foo's component, но это недействительное выражение.

То, что вы должны делать:

• Либо установить title свойство компонента без синтаксиса связывания, просто title="Foo's Component"
• в качестве альтернативы, привязать его к строке, как это: [title]="'Foo\'s component'".