javascript - ngFor 中的数据绑定(bind)函数参数

Question

我正在尝试绑定(bind) cat 的值到 (click)函数参数并且可以理解地得到一个错误。有没有一种方法可以在不循环 <button> 的父元素的情况下执行此操作？ ？

<button type="button" (click)="UpdateCategoryFilter({{cat}})" *ngFor="let cat of categories">
        {{cat}}
</button>

Answer 1

切勿将 [...] 或 (...) 与 {{...}} 两者结合使用, 但不能同时进行

应该是

 (click)="UpdateCategoryFilter(cat)"

{{...}} 也仅用于字符串插值。以这种方式绑定(bind)的值将始终是字符串，而如果 foo 是属性，则 [foo]="someValue" 将以原始类型传递 someValue .