angular p-accordion 选项卡有时打不开

Question

我在 code.i 上使用 primeNg p-accordion 选项卡，给定 p-accordionTab.now 中的 ngIf 条件，有时选项卡未打开。(onOpen)="handleAccordinChange($event) 点击是不是 calling.if 我删除 if 条件 working.can 有人帮忙吗？

<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

似乎 html 标签中有错误，在这种情况下应该只有一个 p-accordionTab 标签：

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

Answer 2

检查@Input() adminAuthority；是布尔值。

如果 adminAuthority = false 那么，不会呈现手风琴，因此不会调用 (onOpen) 如果 adminAuthority = true 那么，(onOpen) 在点击手风琴 header

时被调用

Refer this in case the adminAuthority input is taking more time to set

angular p-accordion 选项卡有时打不开

angular p-accordion tab is not opening sometimes

reactive

angular