ember.js 如何定制ember引导组件?

wko9yo5t  于 2022-11-05  发布在  其他
关注(0)|答案(1)|浏览(244)

我刚开始学习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”将每条消息 Package 在div中,我不希望使用bootstrap的卡片布局。我如何定制组件并防止它这样做?

fivyi3re

fivyi3re1#

card类名称应用于addon/components/bs4/bs-accordion/item.js文件。请参阅v3.0.0-rc.0和master。
要覆盖此文件,请在您的应用中定义一个app/components/bs-accordion/item.js,并使用与原始文件中相同的内容进行覆盖,但忽略不需要的类。

相关问题