Question

我想在单击时弹出浏览器确认警报，但是当我按“取消”时，未选中的复选框会更改，而我的方法无法正常运行。

HTML

<input name="related" type="checkbox" [checked]="attr.related (change)="updateOnCheck(i)" [(ngModel)]="attr.related" #related="ngModel" />

组件

updateOnCheck(i: number) {
   this.dataService.update(this.checkrelated).subscribe(res => {.... etc})
}

Answer 1

尝试

updateOnCheck(i: any) { 
   this.dataService.update(this.checkrelated).subscribe(res => {
    // Your code
   })
}

Answer 2

对于没有包装组件的简单输入，请使用

you.component.ts

@Component({
  selector: 'app-your-component',
  styles: [],
  template: `
    <input type="checkbox" (change)="onCheckboxChange($event)" />
  `
})
export class YourComponent {
  onCheckboxChange(event: MouseEvent) {
    const value = (event.target as HTMLInputElement).checked;
    if (value) {
      /// your code
    } else {
      /// another code
    }
  }
}

带有验证的复选框NgModel，并在更新时获取方法

2 个答案: