title: *ngIf not working inside the Modal
body: <p>i used the *ngif on a button that will be false and came true when the item is selectd from ng-select but its not working</p>
  
  <p>here is the button code</p>
  
  <pre><code>  &lt;button *ngIf="switch" (click)="productSaveInCart()" type="button" class="col  matbuton " mat-button&gt;
            ADD to Cart
          &lt;/button&gt;
  </code></pre>
  
  <p>and here is the whole code of Modal</p>
  
  <pre><code>  &lt;ng-template #template&gt;
    &lt;div class="modal-header"&gt;
      &lt;h4 class="modal-title pull-left"&gt;{{modaldata.i.i}}&lt;/h4&gt;
      &lt;button type="button" class="close btn pull-right" aria-label="Close" (click)="modalRef2.hide()"&gt;
        &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="modal-body"&gt;
      &lt;mat-card style="margin: 0; "&gt;
        &lt;img height="400px" style="width: 110%" mat-card-image [src]="modaldata.i.t || '../../assets/images/noimage.png'"&gt;
        &lt;mat-card-footer class="row"&gt;
  
          &lt;h4&gt;Extra prep. time: 1hr&lt;/h4&gt;
  
          &lt;ng-select [allowClear]="true" [items]="items" [disabled]="disabled" (data)="refreshValue($event)" (selected)="selected($event)"
            (removed)="removed($event)" (typed)="typed($event)" placeholder="No Date selcted"&gt;
          &lt;/ng-select&gt;
          &lt;div *ngFor="let item of list "&gt;
            &lt;h4 class="col"&gt;{{item.n}}&lt;/h4&gt;
            &lt;app-dropdowns #child class="col" [listdata]="item"&gt;&lt;/app-dropdowns&gt;
          &lt;/div&gt;
          &lt;button *ngIf="switch" (click)="productSaveInCart()" type="button" class="col  matbuton " mat-button&gt;
            ADD to Cart
          &lt;/button&gt;
        &lt;/mat-card-footer&gt;
      &lt;/mat-card&gt;
    &lt;/div&gt;
  
  &lt;/ng-template&gt;
  </code></pre>