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

Question

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

这是我的组件类 alpha.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;
}