如何获取ngb-accordion的打开/关闭状态_如何使用cookie或localStorage记住div的打开/关闭状态？_如何确保开/关按钮保持打开和关闭状态？ - 腾讯云开发者社区

ngb-accordion是Angular Bootstrap库中的一个组件，用于创建可折叠的面板。

要获取ngb-accordion的打开/关闭状态，可以通过使用ngbPanel的状态属性来实现。ngbPanel是ngb-accordion的子组件，它表示一个面板。

要获取ngb-accordion的打开/关闭状态，可以使用ngbPanel的状态属性之一：isExpanded。isExpanded属性是一个布尔值，用于表示面板是否已经展开。

以下是一些方法来获取ngb-accordion的打开/关闭状态：

使用ngbPanel的isExpanded属性：通过使用ngbPanel的isExpanded属性，可以获取面板的当前状态。例如，假设ngb-accordion中有一个面板，可以使用以下方式获取该面板的打开/关闭状态：

import { Component, ViewChild } from '@angular/core';
import { NgbAccordion, NgbPanel } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-example',
  template: `
    <ngb-accordion #accordion="ngbAccordion">
      <ngb-panel #panel1="ngbPanel" [title]="'Panel 1'">
        <ng-template ngbPanelContent>
          Panel 1 content
        </ng-template>
      </ngb-panel>
    </ngb-accordion>
  `
})
export class ExampleComponent {
  @ViewChild('accordion', { static: true }) accordion: NgbAccordion;
  @ViewChild('panel1', { static: true }) panel1: NgbPanel;

  getPanel1Status() {
    return this.panel1.isExpanded;
  }
}

在上面的例子中，使用了@ViewChild装饰器来引用ngb-accordion和ngb-panel组件的实例。然后，可以通过调用isExpanded属性来获取面板的打开/关闭状态。

使用ngbAccordion的activeIds属性：ngbAccordion组件有一个名为activeIds的属性，它是一个字符串数组，用于指定当前打开的面板。可以使用此属性来获取ngb-accordion的打开/关闭状态。

import { Component } from '@angular/core';
import { NgbAccordion } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-example',
  template: `
    <ngb-accordion #accordion="ngbAccordion">
      <ngb-panel [title]="'Panel 1'" id="panel1">
        <ng-template ngbPanelContent>
          Panel 1 content
        </ng-template>
      </ngb-panel>
    </ngb-accordion>

    <button (click)="getAccordionStatus()">Get Accordion Status</button>
  `
})
export class ExampleComponent {
  constructor(private accordion: NgbAccordion) {}

  getAccordionStatus() {
    const activeIds = this.accordion.activeIds;
    // 根据activeIds数组的内容，可以判断面板的打开/关闭状态
  }
}

在上面的例子中，可以通过访问accordion的activeIds属性来获取ngb-accordion的打开/关闭状态。根据activeIds数组的内容，可以判断面板的打开/关闭状态。

请注意，以上代码示例中使用的是ng-bootstrap库中的ngb-accordion组件。在实际使用时，应根据具体情况进行调整。此外，对于不同的问题，可能还有其他方法来获取ngb-accordion的打开/关闭状态。具体取决于具体的需求和实现方式。