如何在页面加载时打开手风琴选项卡

Question

我想在页面加载时打开选项卡默认情况下。现在它已折叠并打开手风琴选项卡我必须单击按钮。我不想每次都点击按钮打开标签。

<div><p-accordion >
  <p-accordionTab  header="Add  Detail" >
    <add-details [state]="'addNew'"></add-details>
  </p-accordionTab>
</p-accordion>
</div>

来自评论：

open] = true它不起作用Uncaught Error：模板解析错误：无法绑定到'open'，因为它不是'p-accordionTab'的已知属性。 1.如果'p-accordionTab'是一个Angular组件并且它有'open'输入，那么请确认它是该模块的一部分。 2.如果'p-accordionTab'是Web组件，则将'CUSTOM_ELEMENTS_SCHEMA'添加到此组件的'@ NgModule.schemas'以禁止显示此消息。 3.要允许任何属性将“NO_ERRORS_SCHEMA”添加到此组件的“@NgModule.schemas”。 （“<div><p-accordion >

Answer 1

您没有提供足够的代码来提供完整且经过测试的答案，但基本上您要做的是使用＃syntax（#accord）将ID应用于手风琴，然后在代码中使用ViewChild装饰器来提供变量引用该手风琴，然后在OnInit方法中调用该引用上的open（）方法。

像这样的东西：

<div><p-accordion #accord>
  <p-accordionTab  header="Add  Detail" >
    <add-details [state]="'addNew'"></add-details>
  </p-accordionTab>
</p-accordion>
</div>

然后在你的变量定义中：

  @ViewChild('accord')
  private accord: Accordion;

在OnInit中：

ngOnInit() {
    this.accord.open();
    // or this.accord.tabs[0].selected = true;
}

我不确定手风琴的确切语法 - 我假设您使用的是PrimeNG手风琴，但是您没有说明，所以很难准确地解决您的问题，但希望这可以指出您正确的方向。

如果你是console.log（“this.accord：”，this.accord）;你将获得手风琴的所有方法和属性，并希望找到你需要用来完成你想要做的事情。