Angular项目中CategoryItemComponent模板JIT编译错误求助

你的问题出在按钮的点击事件绑定语法上，直接修改代码即可解决：

错误代码行： #

<button class="category-box" (click)="GoToPage({{category.name}})">

修正后代码行： #

<button class="category-box" (click)="GoToPage(category.name)">

另外，推荐把图片的src改为Angular属性绑定语法（可选，但更符合框架规范）：

<img class="category-icon" [src]="category.iconPath">

原因说明： #

在Angular的事件绑定（如(click)）中，引号内部已经处于表达式执行上下文，直接引用变量名就能传递参数，不需要用{{}}包裹。{{}}是用于在模板中直接输出变量值的语法，嵌套在事件表达式里会触发解析器错误，导致JIT编译失败。

内容的提问来源于stack exchange，提问作者HereToLearn