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サイト

株式会社CONFRAGE

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

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

コメントをどうぞ

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

CAPTCHA