如何将输入数据从模板传递到 ember 中的组件 class？

Question

我正在尝试将输入字段中的数据传递给组件 class

这是我的组件-classalpha.js

@tracked choice;

    @action next() {

        console.log(this.choice);
    }

这是我的模板alpha.hbs

    <Input @value={{this.choice}} type="radio"  />
    <button onclick={{action 'next'}}>Next</button>

到目前为止它返回的是空的。

如有任何帮助，我们将不胜感激。谢谢

Answer 1

<Input 组件专为文本输入而设计。对于单选按钮，您需要做一些手动工作。一个简单的方法可能如下所示：

<input value="one" type="radio" {{on "change" this.change}} />
<input value="two" type="radio" {{on "change" this.change}} />
<button onclick={{action 'next'}}>Next</button>

通过此 change 操作：

@action change(event) {
  this.choice = event.target.value;
}

如何将输入数据从模板传递到 ember 中的组件 class？

How to pass input data from template to the component class in ember?

javascript

ember.js

ember-components