你可以使用Angular的双向数据绑定和事件绑定来实现通过选中复选框来更新多个输入字段的值。以下是一个示例代码:
在组件的HTML模板中,你可以使用ngModel来实现双向数据绑定,使用(change)事件来绑定复选框的值变化事件,并调用一个方法来更新多个输入字段的值:
在组件的Typescript代码中,你需要定义selectAll变量和多个输入字段的变量,并在updateFields方法中更新多个输入字段的值:
export class MyComponent {
selectAll: boolean;
field1: string;
field2: string;
field3: string;
updateFields() {
if (this.selectAll) {
this.field1 = 'value1';
this.field2 = 'value2';
this.field3 = 'value3';
} else {
this.field1 = '';
this.field2 = '';
this.field3 = '';
}
}
}
这样,当你选中复选框时,多个输入字段的值将更新为指定的值,当你取消选中复选框时,多个输入字段的值将被清空。
希望这能帮到你!