How to check the value of dropdown list in angular reactive form? [closed]

I would like to check if the value of my dropdown list (HTML,Angular Reactive Form) is equal to value1(example) if the value1 is true. I would like to appear another dropdown.

How can I check the value of dropdown …

I tried to make a function
isSelectedValue()->if(this.myForm.controls["selectFormCtrl"].value.
or ngIf

but I cannot read the value of dropdown. How can i read the value of dropdown ????

In my opinion ngFor is not the solution. I have a table products in typescript and i would like to check if product is vegetable in order to appear a dropdown list with vegetables.

<form [formGroup]="form">

   <p-dropdown formControlName="product" [options]="products" 
     placeholder="Select something" >
   </p-dropdown>

   <div class="col-md-8" *ngIf="form.get('productId').value.('value1')>
           <div class="col-md-8" >
           <p-dropdown formControlName="vegetableID" [options]="vegetables">
      </p-dropdown>                 
   </div>
  
</form>

vegetableID – Come from spring application|
vegetables(options) come from a get call from api(sprin app)

%d bloggers like this: