* ngIf nicht innerhalb des Modal Arbeits

Question

i verwendet, um die * ngif auf eine Schaltfläche, die falsch sein und wahr, wenn das Element von ng-select selectd, aber seine nicht funktioniert

hier ist der Button-Code

<button *ngIf="switch" (click)="productSaveInCart()" type="button" class="col matbuton " mat-button> 
      ADD to Cart 
     </button> 

und hier ist der gesamte Code von Modal

<ng-template #template> 
    <div class="modal-header"> 
    <h4 class="modal-title pull-left">{{modaldata.i.i}}</h4> 
    <button type="button" class="close btn pull-right" aria-label="Close" (click)="modalRef2.hide()"> 
     <span aria-hidden="true">&times;</span> 
    </button> 
    </div> 
    <div class="modal-body"> 
    <mat-card style="margin: 0; "> 
     <img height="400px" style="width: 110%" mat-card-image [src]="modaldata.i.t || '../../assets/images/noimage.png'"> 
     <mat-card-footer class="row"> 

     <h4>Extra prep. time: 1hr</h4> 

     <ng-select [allowClear]="true" [items]="items" [disabled]="disabled" (data)="refreshValue($event)" (selected)="selected($event)" 
      (removed)="removed($event)" (typed)="typed($event)" placeholder="No Date selcted"> 
     </ng-select> 
     <div *ngFor="let item of list "> 
      <h4 class="col">{{item.n}}</h4> 
      <app-dropdowns #child class="col" [listdata]="item"></app-dropdowns> 
     </div> 
     <button *ngIf="switch" (click)="productSaveInCart()" type="button" class="col matbuton " mat-button> 
      ADD to Cart 
     </button> 
     </mat-card-footer> 
    </mat-card> 
    </div> 

</ng-template> 

Answer 1

versuchen Sie dies:

(selected)="selected($event);switch=true" 

können Sie auf diese Weise versteckt verwenden: es

[hidden]="switch"