Угловые, кнопки проверки работают в неправильном порядке

Question

У меня есть один флажок в угловых 7

, когда я обновляю свою страницу, здесь хорошее значение

, но когда я нажимаю флажок, значение является неправильным

есть мой код в моем html:

<input type="checkbox" [(ngModel)]=material.validated (click)="updateValidation(material)">

в моем ts:

public updateValidation(material: any) {
    this.requestService.updateVersionQuotation(this.quotationId, this.versionId, this.quotation);
}

Answer 1

Измените HTML следующим образом

<input type="checkbox" [(ngModel)]="material.validated" (change)="updateValidation(material)">

Компонент как

material = {};
public updateValidation(material: any) {
    this.requestService.updateVersionQuotation(this.quotationId, this.versionId, this.quotation);
}

Answer 2

Когда вы слушаете событие щелчка, вы слушаете не изменение ввода, а событие щелчка, которое происходит раньше.

Попробуйте прослушать правильное событие :

<input type="checkbox" (change)="updateValidation()">

Я удалил привязку ngModel, потому что она, кажется, вам не нужна в вашей функции, и вы обычно не используете ни события, ни привязки для управления одним входом.