aurelia 绑定到无线电输入
示例
基本收音机
export class MyViewModel {
favoriteColor = null;
colors = ['Red', 'Yellow', 'Pink', 'Green', 'Purple', 'Orange', 'Blue'];
}<template>
<label repeat.for="color of colors">
<input type="radio" name="colors" value.bind="color" checked.bind="favoriteColor" />
${color}
</label>
</template>带对象阵列的收音机
export class MyViewModel {
people = [];
selectedPerson = null;
constructor() {
this.people= [
{name: 'John Michaels'},
{name: 'Gary Stevens'},
{name: 'Carrie Smitch'},
{name: 'Jesus Wohau'}
];
}
}<template>
<label repeat.for="person of people">
<input type="radio" name="person" model.bind="person" checked.bind="selectedPerson" />
${person.name}
</label>
</template>带布尔的收音机
export class MyViewModel {
agreeToTerms = null;
}<template> <label><input type="radio" name="terms" model.bind="null" checked.bind="agreeToTerms" />No Answer</label> <label><input type="radio" name="terms" model.bind="true" checked.bind="agreeToTerms" />Yes</label> <label><input type="radio" name="terms" model.bind="false" checked.bind="agreeToTerms" />No</label> </template>
热门推荐
10 生日祝福语男兄弟简短
11 亲戚送行祝福语简短精辟
12 最美的留言祝福语简短
13 表达家人的祝福语简短
14 简短正能量生日祝福语
15 仙女减肥成功祝福语简短
16 村里伴娘祝福语大全简短
17 贺卡文字同事祝福语简短
18 祝女人美丽祝福语简短