Angular

Angular 機能紹介一覧

2019年2月10日

Angular 関連の機能紹介一覧です。基本的な機能の紹介をしています。コピーアンドペーストで動作するコードスニペットも多く掲載しています。

Angular 事始め

Angular 開発環境の構築
https://watermargin.net/programming/angular/angular-setup-dev-env/

Angular CLI を利用したアプリケーション作成方法
https://watermargin.net/programming/angular/angular-cli-new-app/

Angular CLI

Angular CLI ルーティング用ファイル付きのモジュールの作成
https://watermargin.net/programming/angular/angular-cli-module-with-routing/

Angular CLI コマンドいろいろ
https://watermargin.net/programming/angular/angular-cli-commands/

ディレクティブ

Angular - ngIf ディレクティブ
https://watermargin.net/programming/typescript/angular-ngif-directive/

Angular ngFor ディレクティブによる繰り返し処理
https://watermargin.net/programming/angular/angular-ngfor-directive/

バインディング

Angular イベントバインディング
https://watermargin.net/programming/angular/angular-event-binding/

デコレーター

Angular @ViewChild デコレーター
https://watermargin.net/programming/typescript/angular-viewchild-decorator/

Angular @Input デコレーター
https://watermargin.net/programming/angular/input-decorator/

フォーム

Angular ngModel 使い方
https://watermargin.net/programming/typescript/angular-ngmodel-directive/

Angular Reactive Forms(リアクティブフォーム)の使い方
https://watermargin.net/programming/angular/reactive-forms/

ルーティング

モジュールの lazy loading (遅延読み込み)
https://watermargin.net/programming/angular/module-lazy-loading/

パイプ

async パイプで HTML テンプレートに独自クラスのオブジェクトを表示
https://watermargin.net/programming/angular/async-pipe/

HTTP 通信

HttpClient を利用した HTTP 通信
https://watermargin.net/programming/angular/httpclient/

Angular in-memory-web-api を使う
https://watermargin.net/programming/angular/in-memory-web-api/

イベントライフサイクルフック

Angular ngOnChanges イベント
https://watermargin.net/programming/angular/ngonchanges/

PWA

Angular アプリケーションの PWA 化
https://watermargin.net/programming/angular/pwa/

ユーザー認証

Angular Firebase による Google アカウント認証(ログイン・ログアウト)の実装方法

その他

Angular 関連メモ
https://watermargin.net/programming/angular/angular-memo/

Angular5 TODO リスト作成
https://watermargin.net/programming/angular/angular5-todo-list/

Angular メモ
https://watermargin.net/programming/typescript/angular-memo-2/

Netlify で Angular のルーティング利用時に必要な設定https://watermargin.net/programming/angular/netlify-angular-routing/

-Angular