angular p-аккордеонная вкладка иногда не открывается

Question

Я использую PrimeNg p-accordion tab в моем коде. Я получил условие ngIf в p-accordionTab.now, иногда вкладка не открывается. (OnOpen) = "handleAccordinChange ($ event) щелчок не вызывает. Если я удаляю Если условие его работает. Кто-нибудь может помочь?

<p-accordion
      [activeIndex]="selectedAccordinIndex"
      (onClose)="handleAccordinChange($event)"
      (onOpen)="handleAccordinChange($event)"
    >
<p-accordionTab *ngIf="adminAuthority===true" >
        <p-header>Tools</p-header>
<div class="form-group">
    <small class="form-text text-muted m-1">
      {{'prAssignReviewers.reassignHelptext' | translate }}
    </small>
    <span class="btn-group btn-group-sm">
      <button type="button" class="btn btn-warning" >click</button>
    </span>
  </div>
</p-accordionTab>
</p-accordion>

TS код

@Input() adminAuthority;                                                                          
 handleAccordinChange(e) {
    this.selectedAccordinIndex = e.index; 
  }

Answer 1

Проверьте @Input () adminAuthority; is boolean.

Если adminAuthority = false, тогда не выполняется никакой accordian, следовательно, не вызывается (onOpen). Если adminAuthority = true, то вызывается (onOpen) при нажатии на заголовок accordian

Ссылайтесь на это, если для ввода adminAuthority требуется больше времени

Answer 2

В тегах html похоже, что в этом случае должен быть только один тег p-accordionTab:

    <p-accordionTab>
<p-accordionTab *ngIf="adminAuthority===true" >