这很可能是由于复选框的[(ngModel)]绑定属性与[checked]属性之间的冲突引起的。解决方法是,使用(ionChange)事件替换[checked]属性,并在.ts文件中使用FormControl来更新复选框状态。
HTML模板代码示例:
{{isChecked}}
TS文件代码示例:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
@Component({
selector: 'app-checkbox-demo',
templateUrl: './checkbox-demo.page.html',
styleUrls: ['./checkbox-demo.page.scss'],
})
export class CheckboxDemoPage {
isChecked: boolean = false;
checkboxCtrl: FormControl = new FormControl(false);
toggleCheckbox() {
this.checkboxCtrl.setValue(this.isChecked);
}
}
上一篇:Angular/Ionic应用程序-尽管服务器端一切都设置正确,但仍存在CORS问题。
下一篇:Angular/Ionic中的FormGroup、FormArray、FormBuilder等概念不熟悉,找不到使用方法。