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

在Ember中选择默认单选按钮可以通过以下步骤实现：

在模板文件中定义单选按钮组件，使用{{input type="radio"}}标签创建单选按钮，并为每个按钮设置唯一的name属性和相应的value属性。例如：

{{input type="radio" name="color" value="red"}} Red
{{input type="radio" name="color" value="blue"}} Blue
{{input type="radio" name="color" value="green"}} Green

在对应的组件或控制器中，定义一个属性来存储选中的单选按钮的值。例如，在组件的JavaScript文件中：

import Component from '@ember/component';
import { computed } from '@ember/object';

export default Component.extend({
  selectedColor: 'red', // 默认选中的颜色为红色

  // 根据选中的颜色值返回对应的单选按钮是否选中的布尔值
  isRedSelected: computed('selectedColor', function() {
    return this.selectedColor === 'red';
  }),

  isBlueSelected: computed('selectedColor', function() {
    return this.selectedColor === 'blue';
  }),

  isGreenSelected: computed('selectedColor', function() {
    return this.selectedColor === 'green';
  }),

  actions: {
    // 当选择不同的单选按钮时，更新选中的颜色值
    updateSelectedColor(color) {
      this.set('selectedColor', color);
    }
  }
});

在模板文件中，将单选按钮的选中状态绑定到对应的属性，并在选择时调用相应的动作来更新选中的颜色值。例如：

{{input type="radio" name="color" value="red" checked=isRedSelected change=(action "updateSelectedColor" "red")}} Red
{{input type="radio" name="color" value="blue" checked=isBlueSelected change=(action "updateSelectedColor" "blue")}} Blue
{{input type="radio" name="color" value="green" checked=isGreenSelected change=(action "updateSelectedColor" "green")}} Green

这样，当页面加载时，默认选中的单选按钮将会是红色。当用户选择不同的单选按钮时，选中的颜色值将会更新，并触发相应的动作。

请注意，以上示例中的代码是基于Ember的最新版本，如果你使用的是旧版本的Ember，请根据相应的文档进行调整。

关于Ember的更多信息和相关产品介绍，你可以访问腾讯云的Ember官方文档：Ember官方文档