Angular2で動的に構築されたhtmlでブートストラップjqueryを作成する方法

Question

サイドバーを動的に作成しようとしています。メニュー項目をクリックすると折りたたまれたり、展開されたりすることができます。使用：

<div [innerHtml]="function()"></div> 

作品。しかし、サブメニューは崩壊しているはずです。しかし、クリックすると拡大しません。エラーを取得します。

動的コンポーネントを使用しようとしたときに、< ng-template sideBarPage></ng-template>は折りたたまれましたが、次のエラーが発生します。ルータマップが必要かどうかはわかりません。

injector.ts:1 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'subMenu1' 
Error: Cannot match any routes. URL Segment: 'subMenu1' 

また、encapsulation: ViewEncapsulation.Nativeで試しました。ネイティブモードを使用すると、すべてのサブメニューが展開され、クリックが機能しません。

私は、「サイドバー項目2」は崩壊し、クリックで拡大する必要があり、ここで https://embed.plnkr.co/mn8gKcBzJLD4StrN5SmP/

サンプルを作成しました。

私はAngularを初めて利用しています。どんな助けもありがとうございます。ありがとう

Answer 1

innerHtmlテキストにパイプを導入した後、問題は解決しました。助けられたのはlinkです。

Chromeブラウザで要素を調べると、属性「id」が見つからないことがわかりました。 htmlをサニタイズした後、私はダウンキャレットを見てクリックすることができ、サイドバーを拡張することができます。