无法让手风琴工作

Question

我无法让手风琴组件工作。我的 app.module.ts 中有这个：

 //ng2-bootstrap
    import { AccordionModule } from "ng2-bootstrap";

    @NgModule({
        declarations: [...],
    imports: [
        BrowserModule,        
        HttpModule,
        FormsModule,                
        ...
        AccordionModule
    ]...

我使用 systemjs 作为模块，所以我的配置是：

var map = {
    'app': 'app', // 'dist',
    '@angular': 'dist/lib/@angular',
    'moment': 'dist/lib/moment/min/moment.min.js',
    'ng2-bootstrap': 'dist/lib/ng2-bootstrap',
    'angular2-in-memory-web-api': 'dist/lib/angular2-in-memory-web-api',
    'rxjs': 'dist/lib/rxjs',
    'ag-grid-ng2': 'dist/lib/ag-grid-ng2',
    'ag-grid-enterprise': 'dist/lib/ag-grid-enterprise',
    'ag-grid': 'dist/lib/ag-grid'
};

// packages tells the System loader how to load when no filename and/or no extension
var packages = {
    'app': { main: 'main.js', defaultExtension: 'js' },
    'ng2-bootstrap': {
        format: 'cjs',
        main: 'bundles/ng2-bootstrap.umd.js',
        defaultExtension: 'js'
    },...

我的一个组件中有这个标记：

<accordion>
<accordion-group heading="Static Header, initially expanded"
                                         [isOpen]="status.isFirstOpen"
                                         [isDisabled]="status.isFirstDisabled">
                            This content is straight in the template.
</accordion-group>
</accordion>

Angular 2 对我的标记不满意。它无法弄清楚如何处理 Accordion 标记：

Unhandled Promise rejection: Template parse errors:
Can't bind to 'isOpen' since it isn't a known property of 'accordion-group'.
1. If 'accordion-group' is an Angular component and it has 'isOpen' input, then verify that it is part of this module.

有人能看出我做错了什么吗？我快要放弃这个图书馆了。 谢谢。

Answer 1

请升级您的 ngx-bootstrap

npm i [email protected] --save

或

npm i [email protected] --save

Answer 2

嗨，您也可以尝试此代码

import { AccordionModule } from "ng2-bootstrap";

@NgModule({
    declarations: [...],
imports: [
  
  AccordionModule.forRoot(),
]...