当我更新* ngIf条件

时间:2019-06-03 13:24:32

标签: angular popupwindow wijmo

我有一些内部内容的wijmo弹出窗口,有一个带有* ngIf条件的ng容器,如果条件为true则显示X,否则显示ng-template。问题是,如果我更新ng-container内的条件以显示else语句,则会导致关闭wijmo弹出窗口(在关闭之前迅速显示else语句)。

如果我更新ng-container之外的条件(仍在wijmo弹出窗口内),则行为是正确的。我在wijmo弹出窗口外尝试了相同的代码,但行为正确。

<wj-popup id="wj_popup_1 [modal]="true">
   <ng-container *ngIf="!estListeTropLongue; else messageListeTropLong">
      <button (click)="estListeTropLongue = true"></button>
   </ng-container>
   <ng-template #messageListeTropLong>
      <div class="message-liste-trop-long">Veuillez saisir des caractères pour 
      lancer la recherche</div>
   </ng-template>
</wj-popup>

wijmo弹出窗口不应该关闭并显示ng-template信息,但是弹出窗口关闭时不会出现任何控制台错误。

谢谢

1 个答案:

答案 0 :(得分:1)

您可以将wijmo弹出窗口的隐藏触发器设置为“无”;

<wj-popup id="wj_popup_1 [modal]="true" [hideTrigger]="None">
   <ng-container *ngIf="!estListeTropLongue; else messageListeTropLong">
      <button (click)="estListeTropLongue = true"></button>
   </ng-container>
   <ng-template #messageListeTropLong>
      <div class="message-liste-trop-long">Veuillez saisir des caractères pour 
      lancer la recherche</div>
   </ng-template>
</wj-popup>