Angular 复选框值在单击复选框时未被选中

Angular 复选框值在单击复选框时未被选中,angular,Angular,我正在绑定复选框值,但当我单击复选框时,该值没有得到反映 <div *ngFor="let list of concessionsApplicable?.data; let i=index"> <label class="ml-0 mr-0 mt-1 c-checkbox-container" style="font-size: 16px">

我正在绑定复选框值,但当我单击复选框时,该值没有得到反映

<div *ngFor="let list of concessionsApplicable?.data; let i=index">
                                <label class="ml-0 mr-0 mt-1 c-checkbox-container" style="font-size: 16px">
                                    <label class="m-0" style="font-size: 14px">{{list?.name}}</label>
                                    <input 
                                           [(ngModel)]="list.isChecked"
                                           [ngModelOptions]="{standalone: true}" 
                                           name="isChecked"
                                           type="checkbox" 
                                           (click)="onApplyConcessions()" 
                                           value="true">
                                    <span class="checkmark"></span>
                                </label>
</div>


onApplyConcessions() {
        if (!!this.concessionsApplicable.data && !!this.concessionsApplicable.isConcessionApplied) {
            this.isNoConcessionReasonReq = false;
            const concessionResArr = [];
            for (let i = 0; i < this.concessionsApplicable.data.length; i++) {

                if (!!this.concessionsApplicable.data[i].isChecked && this.concessionsApplicable.data[i].isChecked === true) {
                    concessionResArr.push(this.concessionsApplicable.data[i].id);
                }
            }
            if (concessionResArr.length === 0) {
                this.alertService.showWarningAlert('At least Select 1 concession before proceeding forward');
                return false;
            }
            this.quoteConcessions = {
                'concessionApplied': 'yes',
                'concessions': concessionResArr
            };
        }
        this.applyConcession.emit(this.quoteConcessions);
    }

{{list?.name}
ONAPPLyconsessions(){
if(!!this.concessionsApplicable.data&&!!this.concessionsApplicable.isConcessionApplied){
this.isnoConcessionReq=false;
const-concessionResArr=[];
for(设i=0;i
在“特许应用”数组中,我没有得到键“isChecked”,因此在这种情况下,当我比较值时,它显示为未定义。

尝试使用
change()
事件

<div *ngFor="let list of concessionsApplicable?.data; let i=index">
    <label class="ml-0 mr-0 mt-1 c-checkbox-container" style="font-size: 16px">
        <label class="m-0" style="font-size: 14px">{{list?.name}}</label>
        <input [(ngModel)]="list.isChecked" [ngModelOptions]="{standalone: true}" name="isChecked" type="checkbox"
            (change)="onApplyConcessions()" value="true">
        <span class="checkmark"></span>
    </label>
</div>

{{list?.name}