javascript - 如何在 ember (hbs) 中的复选框上添加 onclick 事件

Question

我已被添加到 ember 项目中。不幸的是我只知道 AngularJS。无论如何，我要做的就是在复选框上添加 onclick 事件。我尝试使用观察者，但没有取得多大成功(可能是因为输入是通过迭代生成的)。代码如下

{{#each prod in allProducts}}
            <tr>
                <td class="checkbox-event" selenium-id="check">{{input type=checkbox checked=prod.selected id=prod.id}}</td>
                <td selenium-id="id">{{prod.productNumber}}</td>
                <td selenium-id="name">{{prod.name}}</td>
                <td selenium-id="category">{{prod.mainCategoryName}}</td>
                <td selenium-id="price">{{prod.mainPrice}}</td>
            </tr>
{{/each}}

我需要做的是在输入上添加点击事件，该事件将调用一些以 prod 作为参数的函数。我只找到了“正常”输入的答案，但没有找到上面的答案。

Answer 1

您有几个问题:

1. allProducts 中的每个产品都是错误的。使用 {{#each allProducts as |prod|}}
2. type=checkbox 是错误的。使用type="checkbox"

3. 您可以使用更改操作。

   看看这个 twiddle link