I'm attempting to prevent certain options from being selected based on a specific method.
For instance, let's say I have four options:
A
B
C
D
In my method (let's use "x" as an example):
if(name == A) {
disable the selection for option A.
}
This is my code:
this.http.getDataFromServer("api/....).subscribe((resp) => {
this.code = resp.data["route"];
console.log(this.code);
});
Within this.code, there are multiple sets of data. The corresponding HTML in the component looks like this:
<div class="form-group">
<label for="route_code">
Route Code
</label>
<select type="text" class="form-control" formControlName="route_code" (change)="codeSelected($event.target.value)">
<option [value]="r.id" *ngFor="let r of code" [disabled]="disable()">
{{r.code}}
</option>
</select>
</div>
Here, r.code represents the available options in the dropdown list.
After doing some research, I came across the [disable] attribute, which can be assigned to a method named disable().
The component.ts file contains the following code:
disable(){
}
What should I include within the disable() method? For example, if I want to disable an option when r.code == "A", could you please assist me?