twitter-bootstrap - ng2-bootstrap アコーディオンが機能しない

Question

私はこれに何時間も苦労してきましたが、何が間違っているのかわかりません。ng2-bootstrap のアコーディオン コンポーネントを使用しようとしていますが、親コンポーネントにディレクティブへの参照が含まれていない場合のように、angular はそれを解析するための使用法さえ認識しません。

タイピングに npm を使用して ng2-bootstrap ライブラリをダウンロードしましたが、cdn バージョンを使用しています。

これは、私が含めているサードパーティのライブラリの完全なリストです。

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.3/angular2-polyfills.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng2-bootstrap/1.0.16/ng2-bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.8/Rx.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.8/angular2.dev.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.8/router.dev.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.8/http.dev.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.3.0/lodash.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.js"></script>

私のコンポーネントでは、次のようなアコーディオン ディレクティブをインポートしています。

import { ACCORDION_DIRECTIVES } from 'ng2-bootstrap/components/accordion';

私のコンポーネントの見出しはこれです：

@Component({
selector: 'places',
templateUrl: 'app/places/views/places.html',
directives: [
    DistanceValueComponent,
    ACCORDION_DIRECTIVES
],
pipes: [
    CapitalizePipe
]

}))

ビューでは、次のように使用しています。

<div>
    <accordion>
        <accordion-group heading="Heading 1">
            Content 1
        </accordion-group>
        <accordion-group heading="Heading 2">
            Content 2
        </accordion-group>
    </accordion>
</div>

しかし、私が得るのはこれだけです:

私自身の他のすべてのディレクティブは、この同じコンポーネントに含めるとうまく機能します。