0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

いま

Last updated at Posted at 2018-08-31

Angular

ng-templateやngTemplateOutlet関連

ng-templateはTemplateRef型として取得できるため、取得した変数をngTemplateOutletに与えることができる。

Tutorial

  1. ng new myMdb --style=scss
  • Angularのプロジェクトのテンプレートが生成される。
  1. cd your-angular-project
  2. npm i angular-bootstrap-md --save
  • MDBのパッケージ情報がpackage.jsonに追加される
  • 追加される内容→"angular-bootstrap-md": "^6.2.2",
  1. MDBのモジュールをインポートする
  2. npm install -–save chart.js@2.5.0 @types/chart.js @types/chart.js font-awesome hammerjs angular5-csvを実行する。
  3. npm startコマンドを実行し、サーバを開始する。
  4. ブラウザからlocalhost:4200にアクセスする

MDBのモジュールをインポート

app.module.ts
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { MDBBootstrapModule } from 'angular-bootstrap-md';

@NgModule({
    imports: [
+        MDBBootstrapModule.forRoot()
    ],
    schemas: [ NO_ERRORS_SCHEMA ]
});

便利そうなライブラリ

classlist.js

昔からあるJavaScriptのライブラリ。

CSSのクラスを操作するメソッドを提供する。

easy-pie-chart

fs-extra

ファイルシステムの操作を便利に行うライブラリ。
ファイルのコピーや作成を再帰的に行うなどの機能が充実している。

screenfull

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?