angular chekcbox 被选中更改其他输入值

Question

I want to find a solution that if I check a checkbox then the value of the input field in another div will change to disabled.

``

<div class="24hr-example">
        <input placeholder="24hr format" aria-label="24hr format" [ngxTimepicker]="fullTime" [format]="24"  readonly>
        <ngx-material-timepicker #fullTime></ngx-material-timepicker>
   </div>

``

<app-checkbox [checked]="openingHours.is_closed_all_day" (change)="openingHours.is_closed_all_day = !openingHours.is_closed_all_day"></app-checkbox>

So if I click on the checkbox then the value of the input field given will be taken as disabled. I've tried to solve it with a function, but it couldn't work. What solution is possible to solve this?

Answer 1

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked)" />

inside your class:

checkValue(event: any){
   console.log(event);

if(any){
// disable value
}else{
//enable value
}
}

Hope you get the logic.