角 p 手风琴标签有时不打开答案

【问题标题】：angular p-accordion tab is not opening sometimes角 p 手风琴标签有时不打开
【发布时间】：2020-05-27 16:04:34
【问题描述】：

我在我的代码上使用 primeNg p-accordion 选项卡。我在 p-accordionTab 中给出了一个 ngIf 条件。现在有时选项卡没有打开。(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; 
  }

【问题讨论】：

您能否详细说明何时更改 adminAuthority 的值及其初始值？您没有提供 handleAccordinChange($event) 的详细信息。提供.ts的相关功能
@Input() adminAuthority;这是初始值
在您的问题中附加您的 .ts 代码。不清楚。

标签： angular reactive

【解决方案1】：

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

如果 adminAuthority = false 则不渲染手风琴，因此不调用 (onOpen) 如果 adminAuthority = true 则 (onOpen) 在点击手风琴标题时被调用

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

我错误地放了两个 tab.actuallly 只有一个
能否请您也添加屏幕截图.. 因为它不是完整的代码