如何自定义ember-bootstrap个组件？

Question

我刚开始学习 Ember，除了我在模板方面遇到了一些问题外，它基本上是有道理的。

我的模型检索记录数组，我想在可折叠的 bootstrap 手风琴中显示每条记录。有一个本机 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 中，我不想使用 bootstrap 的卡片布局.如何自定义组件并防止它这样做？

Answer 1

card class 名称应用于 addon/components/bs4/bs-accordion/item.js 文件。参见 v3.0.0-rc.0 and master。

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

如何自定义ember-bootstrap个组件？

How to customize ember-bootstrap components?

ember.js

bootstrap-4

ember-bootstrap