Угловая 2: привязка данных с вызовом функции

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

У меня есть компонент, который содержит следующий элемент:

`<span>{{action.getText()}}</span>`

действия относится к типу действий, который имеет следующий метод:

getText(): String { return "Test"; }

Переменные действия определяются правильно, так как я могу получить доступ к свойствам через {{}} без проблем. например {{action.title}}

Итак, мой вопрос: возможно ли получить доступ к этой функции, и если да, то что я делаю неправильно?

источник

2017-02-22 Luca

Как выглядит «действие»? Обычно я использую 'string' тип данных, а не' String' –

Попробуйте с помощью getter 'get text() {return" Test "; } 'и' {{action.text}} '. Работайте только в том случае, если объект действия поступает из вашего ts-файла компонента или из локальной переменной, определенной тегом #. –

@ MaximeGélinas Теперь у меня есть 'get text() {return" Test ";}' и '{{action.text}}' в моем компоненте. Но теперь текст не показан (по крайней мере, он больше не разбивается). Действие переменной определено в соответствующем файле компонента – Luca

Вы можете преобразовать его в собственность:

get text(): string { return "Test"; }

Ваш шаблон становится:

<span>{{ation.text}}</span>

источник

2017-02-22 14:28:20

Царапина, что. Вы можете преобразовать в свойство, но привязка к результату функции действительно работает так, как ожидалось. –

Теперь он ничего не показывает, где '' должно быть – Luca

Что-нибудь в консоли? –

Вы ссылаетесь action.title, но ation.getText(). Конечно, опечатка?

<span>{{action.getText()}}</span>

источник

2017-02-22 14:33:17

'ation' - это опечатка, которую я сейчас исправил. Ссылка на 'action.title' должна просто показать, что переменная определена правильно, так как я могу получить доступ к этому свойству. – Luca

Угловая 2: привязка данных с вызовом функции

ответ

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