在Angular 4.0中,默认的单选按钮可以通过使用Angular Forms模块中的FormGroup和FormControl来实现。以下是实现默认单选按钮的步骤:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
],
// ...
})
<div>
<label>
<input type="radio" name="options" [(ngModel)]="selectedOption" value="option1"> Option 1
</label>
</div>
<div>
<label>
<input type="radio" name="options" [(ngModel)]="selectedOption" value="option2"> Option 2
</label>
</div>
在上面的示例中,ngModel指令用于双向绑定selectedOption变量和单选按钮的值。name属性用于将这两个单选按钮分组在一起,确保只能选择一个选项。
selectedOption: string = 'option1';
在上面的示例中,将selectedOption初始化为'option1',这将成为默认选中的选项。
这样,当你的组件加载时,默认的单选按钮将被选中为选项1。如果用户选择了其他选项,selectedOption变量的值将相应地更新。
请注意,以上答案中没有提及任何特定的云计算品牌商,因为这与问题无关。如果你需要与云计算相关的更多信息,可以参考腾讯云的文档和产品介绍页面。
领取专属 10元无门槛券
手把手带您无忧上云