Angular 10 嘗試將字符串解析為打字稿代碼

Question

當使用字符串作為從父組件到子組件的輸入時，Angular 嘗試將字符串解析為 TS 代碼並拋出錯誤。

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

這在 Angular 8 中沒有發生： https : //stackblitz.com/edit/angular-8-getting-started-ytub1a? file = src%2Fapp% 2Fapp.component.html

是什么導致了這個問題？ Angular 10 發行說明中沒有提到解析器的變化。

Answer 1

發生這種情況是因為 string 在{{ option }}有插值。 檢查插值文檔

因此，如果您將變量分配給選項或刪除括號將起作用。

工作示例： https : //stackblitz.com/edit/angular-10-communicating-between-components-cugx4n?file=src/app/app.component.ts

編輯：這是介紹這一點的確切提交。