Angular 10 尝试将字符串解析为打字稿代码

Question

When using a string as input from parent to a child component, Angular tries to parse the string as TS code and throws an error.

Example: https://stackblitz.com/edit/angular-10-communicating-between-components-8yqvse?file=src%2Fapp%2Fapp.component.html

This did not happen in Angular 8: https://stackblitz.com/edit/angular-8-getting-started-ytub1a?file=src%2Fapp%2Fapp.component.html

What caused this issue? There is no mention of parser change in Angular 10 release note.

Answer 1

This happen because string has interpolation inside {{ option }} . Check interpolation docs

So if you assign a variable to option or remove brackets will works.

Working example : https://stackblitz.com/edit/angular-10-communicating-between-components-cugx4n?file=src/app/app.component.ts

Edit: Here is the exactly commit that introduce this.