我有一个组件
时间框选择器 HTML:
<input type="checkbox" [(ngModel)]="selected">
TS:
@Component({
...
})
export class TimeboxComponent implements OnInit {
@Input() selected: boolean;
constructor() {}
ngOnInit() {
console.log('Selected: ', this.selected);
}
}
现在,当我创建时
<app-timebox selected="false"><app-timebox/>
<app-timebox selected="true"><app-timebox/>
在这两种情况下,复选框最初都显示为选中状态。为什么会出现这种情况?我该如何解决?
最佳答案
在这两种情况下,您都绑定(bind)非空字符串,即 truthy值(value)观。使用brackets表示法告诉 Angular 绑定(bind)值将被计算为 Javascript 表达式:
<app-timebox [selected]="false"><app-timebox/>
<app-timebox [selected]="true"><app-timebox/>
关于html - Angular 2+ : Input decorator not reflecting checkbox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54639992/