Question

我有一个增加数量值的按钮。我写了onclick动作来增加路径中这个数量的值。但这不起作用，onclick不起作用，这也不会发出错误。

我是EmberJS的新手，所以请帮忙。

这是我试过的代码。

我的路线.js

  actions: {
    increaseRequiredQuantity() {

        debugger;
        $('.qtyplus').click(function (e) {
            e.preventDefault();

            fieldName = $(this).attr('field');

            var currentVal = parseInt($(this.parentElement).find('input[name=' + fieldName + ']').val());
            var currentNewVal;

            if (!isNaN(currentVal)) {
                currentNewVal = currentVal + 1;
                $(this.parentElement).find('input[name=' + fieldName + ']').val(currentNewVal);
            } else {

                $(this.parentElement).find('input[name=' + fieldName + ']').val(0);
            }

        });
    }
}

这是我从模板中调用动作的方式

<button type="button" class="btn btn-default btn-number qtyplus" data-type="plus" field='quantity'{{action "increaseRequiredQuantity"}} id="btnIncrease"><span class="glyphicon glyphicon-plus"></span></button>

Answer 1

操作应该在您的控制器中。以下是twiddle示例。

如果您不想使用controller，请查看ember-route-action-helper。

顺便说一句，你的行动是用jquery修改页面。这不是蠢货。您应该将数据传递给组件。组件应该更新视图。

onClick动作在EmberJS中的Route中不起作用

1 个答案: