Как решить 'mdb-accordion' не известный элемент: ошибка в Angular приложении? - PullRequest
Новая
       12

Как решить 'mdb-accordion' не известный элемент: ошибка в Angular приложении?

1 голос
/ 14 февраля 2020

Я пытаюсь добавить Material Design Bootstrap Accordion в мое приложение angular, используя этот пример.

Вот мой HTML: 

<mdb-accordion [multiple]="false">
    <mdb-accordion-item [collapsed]="false">
      <mdb-accordion-item-head>Collapsible Group Item #1</mdb-accordion-item-head>
      <mdb-accordion-item-body>
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
        aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
      </mdb-accordion-item-body>
</mdb-accordion-item>
</mdb-accordion>

Вот сообщение об ошибке, которое я получаю:

'mdb-accordion' не является известным элементом:

  1. Если 'mdb-accordion' является компонентом Angular, затем убедитесь, что он является частью этого модуля.

  2. Если 'mdb-accordion' является веб-компонентом, то добавьте 'CUSTOM_ELEMENTS_SCHEMA' к '@NgModule. схемы этого компонента для подавления этого сообщения .ng (0)

Вот что у меня есть в Angular. json: 

"styles": [
          "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
          "node_modules/angular-bootstrap-md/assets/scss/bootstrap/bootstrap.scss",
          "node_modules/angular-bootstrap-md/assets/scss/mdb.scss",
          "./node_modules/quill/dist/quill.core.css",
          "./node_modules/quill/dist/quill.snow.css",
          "node_modules/animate.css/animate.css",
          "src/styles.css"
        ],
"scripts": [
          "node_modules/chart.js/dist/Chart.js",
          "node_modules/hammerjs/hammer.min.js",
          "./node_modules/quill/dist/quill.js"
         ]

И у меня в модуле приложения есть следующее: 

import { MDBBootstrapModule } from 'angular-bootstrap-md';

@NgModule({
imports: [
    MDBBootstrapModule.forRoot(),
],
})
export class AppModule { }

Я пытался добавить что-то вроде MDBootstrapAccordion к импорту в модуле приложения, но ничего не было

Может кто-нибудь сказать, что мне не хватает для отображения аккордеона?

1 Ответ

1 голос
/ 14 февраля 2020

Вы используете MDB Free, а mdb-accordion недоступно в этой версии. Вам нужно будет купить PRO версию, чтобы использовать ее в своем проекте.

Как видите, в документации есть ярлык «Компонент MDB Pro»:

https://mdbootstrap.com/docs/angular/advanced/accordion/

...