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 给外婆敬酒祝福语简短