Angular 7 - Not Triggering "valuechanges" From The Template (using Mat-option)

I have a form control. In my template I am changing it using mat-option, but I want that this specific change will not trigger valueChanges (I have other changes that I want that '

Solution 1:

Your mat-option must be wrapped inside of mat-select as below

<mat-select><mat-option *ngFor="let food of foods" [value]="food.value">
      {{food.viewValue}}
    </mat-option></mat-select>

Checkout the documentation of angular material. It has pretty good examples with code snippets

Heres the link: https://material.angular.io/components/select/overview