Angular

assetsを使って環境ごとに画像を切り替える画像を環境ごとに切り替えるのに使えたのが、angular.jsonのassetsオプションでした。以下のように、angular.jsonで、書く環境のビルド設定の箇所に、以下のようにassets...

きっかけ環境によって、画面デザインを変えようとしたが、angular.jsonのfileReplacementsで、enviroment.tsと同じような感じで置き換えようとしたが、以下のように、htmlの拡張子は対応していないとのエラーが...

MatCheckboxでチェックボックスを作るAngular MaterialのMatCheckboxでチェックボックスを作るのは、以下のように必要なモジュールをインポートして、テンプレートでmat-checkboxセレクタを呼びだすだけで...

ng buildしたファイルでローカルにサーバを起動させるangular-http-serverというnpmパッケージがあり、これを使うことで、ng buildしたファイルを使って、webサーバーを起動することができます。angular-h...

概要本番環境や開発環境などで、APIのURLの向き先など、環境によって異なる設定値（環境変数）を設定していくやり方を備忘録として残していきます。やり方はenviroment.tsを使って行います。環境はstaging環境（本番環境）、dev...

日本日付の日を消したいprovidersで、ロケールを以下のように日本にできるが、カレンダーに日が入っていて、デザインが微妙なので日を消すようにする。 providers: [ ~ { provide: MAT_DATE_L...

別のコンポーネントのテンプレートを呼び出すAngular18のバージョンで実装していきます。まずは別のコンポーネントとして、TestComponentを作ります。import { Component } from '@angular...

MatDatepickerで日本日付の入力フォームを作る環境バージョンは以下。Angular18angular/material@18.2.2機能実装コンポーネント側は、以下のモジュールとproviderの設定をします。@Component...

Angular MaterialとはAngular Materialとは、Googleが提唱しているマテリアルデザインというものを、Angularで使えるようにした、UI部品です。環境以下の環境で、インストール・環境構築をしていきます。An...

ユーザー認証の方法Angularでユーザー認証を行う場合、どのようにコードを書けばよいか調べたので、備忘録として残します。Angularのバージョンは18です。実装方法概要サービスやファイルの概要を説明します。AuthService：ログイ...