Component changes when input gets value Angular 9

Question

<component1 *ngIf="field != '' " //component 1 should load if value is Not empty
<component2 *ngIf="field == '' " //component 2 should load if value is empty
   <Mat-Select></Mat-select>

when the Select from component number 2 gets a value it changes to component number 1.Im not sure why this would happen because in component2 the value gets assigned to a different variable in another object.

Answer 1

have you tried doing strict comparison operator?

== checks for reference equality

=== for value.

I suspect that is your issue.