Angularにngx-bootstrapをインストールする方法

求人
Angularにngx-bootstrapをインストールする方法

ngx-bootstrapをインストールして、Angular6で使用する方法です。

ngx-bootstrapはbootstrapのcssを参照しているので、bootstrapもインストールしておきます。バージョン4が出ていますが、ここでは3.3.7をインストールしています。

Angular6の場合は以下もインストールする必要があるようです。

Angular5の場合は不要かもしれません。

angular.json

angularプロジェクト配下のangular.jsonを開きます。

stylesの配列にbootstrap.cssの1行を追加します。

app.module.ts

app.module.tsにアコーディオンモジュールをします。

これでng serveすると、アコーディオンが使えるようになります。以下サンプルです。

こんな感じです。

Angularにngx-bootstrapをインストールする方法

Angularについて詳細は「AngularとTypeScriptでSPAを作成する」を参照ください。

ngx-bootstrapサイト

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA