将 value 属性传递给 HTML 标记内的 (click) 属性

Posted 2023-03-13

【中文标题】将 value 属性传递给 HTML 标记内的 (click) 属性

【英文标题】：pass the value attribute into (click) attribute within HTML tag

【发布时间】：2017-10-14 13:48:43

【问题描述】：

我有以下 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>

您可能知道错误发生在 Button 标记中。我想将“top.name”传递给 addTopping() 和 minusTopping()，但不知道这样做的正确方法。

提前致谢。

【参考方案1】：

去掉大括号并将参数传递给(click)函数

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

【讨论】：

谢谢！假设我想传入实际的 value 属性，我该怎么做？因此，如果 value="Bacon-add"，我将如何将 value 属性直接传递到我的 (click)="addTopping(valueAttribute)" 参数中？

试试这个(click)="addTopping(top.name + '-add')">

谢谢，我是打字稿新手。我才意识到这是一个多么愚蠢的问题..

嘿嘿别自责。 :D