如何在 Ember 中选择默认单选按钮？

Question

{{input type="radio" name="customerFacing" value=report.customerFacing id="customerFacingYes" change=(action "customerFacingChange" "yes")}}<label for="customerFacingYes">Yes</label>

如果变量“report.customerFacing”为真或假，我正在尝试将单选按钮设置为选中状态。有什么我可以用 javascript 编写的东西来将其设置为选中吗？

谢谢

Answer 1

您的代码将适用于复选框。

{{input type="checkbox" name="customerFacing"  checked=report.customerFacing value=report.customerFacing id="customerFacingYes" on-change=(action (mut report.customerFacingChange) checked)}} 
<label for="customerFacingYes">{{report.customerFacing}}</label>

但是对于单选按钮，你可以试试插件。(https://github.com/yapplabs/ember-radio-button)

ember install ember-radio-button

{{#radio-button value=report.customerFacing groupValue=report.customerFacing class="cpntr" changed=(action "customerFacingChange")}}
      <label for="customerFacingYes">{{report.customerFacing}}</label>
 {{/radio-button}}

在控制器或任何其他地方，

actions: {
 customerFacingChange(newValue){
  console.log('Changed value'+newValue); //you can do other stuff here.
 }
}