Angularjs 将value属性传递到HTML标记中的（单击）属性中

我有以下HTML模板：

<form #topping (change)="updateTopping(topping)">
    <span *ngFor= "let top of toppingOptions">
        {{top.name}} 
        {{top.price.toFixed(2)}}
        <button type="button" value="{{top.name}}-add" (click)="addTopping({{top.name}})">+</button>
        <button type="button" value="{{top.name}}-minus" (click)="minusTopping({{top.name}})">-</button>
        <br>
    </span>    
</form>

{{top.name}}
{{top.price.toFixed（2）}
+
-

正如您可能知道的，错误发生在按钮标记中。我想将“top.name”传递到addTopping（）和minusTopping（），但不知道正确的方法

---

提前感谢。

移除花括号并将参数传递给

（单击）

函数

 <button type="button" value="{{top.name}}-add" (click)="addTopping(top.name)">+</button>

+

移除花括号并将参数传递给

（单击）

函数

 <button type="button" value="{{top.name}}-add" (click)="addTopping(top.name)">+</button>

+

谢谢！比如说，如果我想传入实际值属性，我该怎么做？因此，如果value=“Bacon add”，我将如何将value属性直接传递到我的（单击）=“addTopping（valueAttribute）”参数中？请尝试此

（单击）=“addTopping（top.name+'-add'）”>

谢谢，我对typescript不熟悉。我才意识到这个问题是多么愚蠢……呵呵，别自责了谢谢你！比如说，如果我想传入实际值属性，我该怎么做？因此，如果value=“Bacon add”，我将如何将value属性直接传递到我的（单击）=“addTopping（valueAttribute）”参数中？请尝试此

（单击）=“addTopping（top.name+'-add'）”>

谢谢，我对typescript不熟悉。我才意识到这个问题是多么愚蠢……呵呵，别自责了D