Как исправить поведение этого всплывающего окна wijmo при обновлении условия * ngIf

Question

У меня есть всплывающее окно wijmo с некоторым содержимым, есть ng-контейнер с условием * ngIf, которое, если оценивается как true, показывает X, а в противном случае показывает ng-шаблон.Проблема состоит в том, что если я обновляю условие внутри ng-контейнера, чтобы показать оператор else, это приводит к закрытию всплывающего окна wijmo (оператор else быстро отображается перед закрытием).

Если я обновляю условие внеNG-контейнер (все еще внутри всплывающего окна 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-шаблона, но всплывающее окно закрывается без какой-либо ошибки консоли.

Спасибо

Answer 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>