2016-06-08 2 views
0

У меня есть настраиваемая директива на моей странице html. Для моего компонента msgfooter У меня есть разные сообщения ERRORTYPE:Обязательная настраиваемая директива на угловом 2

<msgfooter [errorType]="Invalid server"> <msgfooter> 

или

<msgfooter [errorType]="Few Parameters"> <msgfooter> 

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

<msgfooter [errorType]={{myCustomMessage}}> <msgfooter> 

Ошибка:

Parser Error: Got interpolation ({{}}) where expression was expected at column 0 

Как можно решить это?

ответ

2

В Угловое 2 вы в состоянии сделать 3 вида входов:

<msgfooter [errorType]="myCustomMessage"><msgfooter> 

или

<msgfooter errorType="Invalid server"><msgfooter> 

или

<msgfooter errorType="{{myCustomMessage}}"> 

Первый из них будет оцениваться так оно будет найдите определенную переменную (myCustomMessage) в своем компоненте.

Второй передаст строку.

Этот третий будет оценивать переменную myCustomMessage, подстроить ее и передать ее на вход errorType.


Вы можете использовать только []или{{}}, но не оба одновременно.

+0

Собственно, третий берется как строка, и он не оценивает переменную. Вы просто передаете строковое значение '{{myCustomMessage}}. Третий вход будет «bind-errorType =« myCustomMessage »'. –

+0

@ EdMorales На самом деле. Угловой 2 будет оценивать '{{}}' при передаче атрибуту. Попытайтесь поиграть с ним. –

+0

Просто сделал, не работал. –

Смежные вопросы