如何自定义ember-bootstrap组件？

Question

我是刚开始学习Ember的人，这在大多数情况下是有道理的，除了模板方面存在一些问题。

我的模型检索一个记录数组，我想在可折叠的引导手风琴中显示每个记录。有一个本机的ember-bootstrap组件（BsAccordion）看起来很简单，但是它包含一些我不希望使用的样式。

我的模板很简单，看起来像这样：

<BsAccordion as |list|>
  {{#each mail as |message|}}
    <list.item @value={{message.id}} @title="{{message.sender.firstName}} {{message.sender.lastName}}: {{message.subject}}">
      {{{message.content}}}
    </list.item>
  {{/each}}
</BsAccordion>

我遇到的问题是，它将每条消息都用class =“ card”包装在div中，并且我不希望使用引导程序的卡布局。如何自定义组件并阻止其执行此操作？

Answer 1

在card文件中应用了addon/components/bs4/bs-accordion/item.js类名。参见v3.0.0-rc.0和master。

要覆盖此文件，请在您的应用中定义一个app/components/bs-accordion/item.js并使用与原始文件相同的内容覆盖，但忽略不需要的类。