在Angular 7中,您可以在ngOnInit
方法中使用[(ngModel)]
来勾选复选框。以下是一个包含代码示例的解决方案:
[(ngModel)]
来绑定复选框的状态: Check me
isChecked
的变量,并在ngOnInit
方法中初始化它:import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-checkbox',
templateUrl: './checkbox.component.html',
styleUrls: ['./checkbox.component.css']
})
export class CheckboxComponent implements OnInit {
isChecked: boolean;
ngOnInit() {
this.isChecked = true; // 初始化为选中状态
}
}
isChecked
变量。例如,在模板中显示复选框的状态:Checkbox is {{ isChecked ? 'checked' : 'unchecked' }}
现在,当组件初始化时,复选框将会被勾选,并且复选框的状态将会显示在页面上。
上一篇:Angular 7: 在ng build中使用index.aspx而不是index.html
下一篇:Angular 7: 在生产环境构建时,属性'service'是私有的,只能在类'Component'内部访问。