Блог

Главная - Вопросы по программированию - Angular 10 пытается проанализировать строку как код typescript

Angular 10 пытается проанализировать строку как код typescript

#angular #typescript

#angular #typescript

Вопрос:

При использовании строки в качестве входных данных от родительского компонента к дочернему компоненту Angular пытается проанализировать строку как TS-код и выдает ошибку.

Пример: https://stackblitz.com/edit/angular-10-communicating-between-components-8yqvse?file=src/app/app.component.html

Этого не произошло в Angular 8: https://stackblitz.com/edit/angular-8-getting-started-ytub1a?file=src/app/app.component.html

Что вызвало эту проблему? В примечании к выпуску Angular 10 нет упоминания об изменении синтаксического анализатора.

Комментарии:

1. Хотя приятно, что вы предоставляете воспроизводимые примеры проектов, пожалуйста, также опубликуйте фрагменты кода в своем вопросе. Если в какой-то момент проекты stackblitz станут недоступными, будет сложно понять ваш вопрос.

Ответ №1:

Это происходит потому, что строка имеет интерполяцию внутри {{ option }} . Проверьте документы по интерполяции

Поэтому, если вы присвоите переменной значение option или удалите скобки, это сработает.

Рабочий пример: https://stackblitz.com/edit/angular-10-communicating-between-components-cugx4n?file=src/app/app.component.ts

Редактировать: вот именно тот коммит, который вводит это.