如何保持 ember bootstrap 手风琴默认展开？

Question

我应该传递什么属性来保持 bootstrap 手风琴打开。

<BsAccordion as |acc|>
  <acc.item @value={{1}} @title="First item">
    <p>Lorem ipsum...</p>
    <button {{on "click" (fn acc.change 2)}}>
      Next
    </button>
  </acc.item>
  <acc.item @value={{2}} @title="Second item">
    <p>Lorem ipsum...</p>
  </acc.item>
  <acc.item @value={{3}} @title="Third item">
    <p>Lorem ipsum...</p>
  </acc.item>
</BsAccordion>

Answer 1

<BsAccordion> 组件由 Ember Bootstrap has a @selected argument 提供。 AccordionItem，@value 参数与 @selected 参数匹配，将打开。

上面给出的示例会将标题为“第二项”的项目显示为已打开。

<BsAccordion @selected={{2}} as |ac|>
  <acc.item @value={{1}} @title="First item">
    <p>Lorem ipsum...</p>
  </acc.item>
  <acc.item @value={{2}} @title="Second item">
    <p>Lorem ipsum...</p>
  </acc.item>
  <acc.item @value={{3}} @title="Third item">
    <p>Lorem ipsum...</p>
  </acc.item>
</BsAccordion>

请注意，这不会阻止用户更改当前打开的项目。这样做可以通过在 @onChange event.

中重置 @selected 来实现

如何保持 ember bootstrap 手风琴默认展开？

How to keep ember bootstrap accordion expanded by default?

ember.js

ember-bootstrap