Angular
AngularMaterialでフォントを変更する AngularMaterialが設定するフォントを変更する フォントはGoogle Fontを使用する Google Font(日本語対応)は以下を参照 https://googlefonts.github.io/japanese/ 実装 index.html Google Fontを追加する <head> <meta charset="utf-8"> <title>Sample</title> <base href="/"> </base></meta></head>
Routing 画面遷移や表示制御を行う 詳細は以下を参照 https://angular.jp/guide/router#defining-a-basic-route 実装 画面遷移の設定 app-routing.module.ts内に定義する 初期画面の設定 パス指定無しの場合のリダイレクト設定 pathMatch: 'full'はパスの完…
Form FormGroupで実装 入力フォームを次の仕様で作る 縦並び バリデーション付き バリデーションエラー時はボタンを非活性 UIライブラリにAngular Material + flex-layoutを使用 実装イメージ (初期表示) (入力時) (エラー時) 実装 app.module // イン…
Ngrx? 用語集 Component Action Reducer Store Selector Effects Service 実装 インストール Store Effects Devtool Storeの作成 Actionの作成 Reducerの作成 NgModuleに設定 Componentから呼び出す Ngrx? Reduxの思想をAngularで実装するためのライブラリ E…
前提 AngularでIndexedDBにアクセス ライブラリに Dexie.jsを使う バージョンは3.0.2 ライブラリの詳細は以下参考 https://dexie.org/ IndexedDB? ブラウザー内にデータを永続的に保存する手段 Key-Value形式で保存 詳細は以下参照 https://developer.mozil…
環境 ユースケース Observableを作りたい PromiseをObservableに変換したい 複数の非同期通信の結果を待ち合わせて取得する 非同期通信でエラーが発生した場合 subscribe側に値を渡したい 共通化して処理の切り出し 非同期処理の実行結果を使って非同期処理…