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 送给学长毕业祝福语简短