Angular

ルーティングでアクセス制限を行うURLのルートによって、アクセス制限をしていきます。バージョンはAngular18です。実装例アクセス制限を行うファイルを作成アクセス制限を行うファイルを作成するコマンドがあるのでそれで作成します。以下のコマ...

ルーティングの設定を行う Angular17辺りから、プロジェクトの構成などが変わって、少しやり方が変わってそうだったため、Angular18で、ルーティングの設定を行うためのコードを実装していきます。ルーティングといっているのは、url...

rxjsでエラー時と正常終了のどちらでも共通の処理を行うAngularのrxjsでhttp通信の処理などを行った際、エラー時と正常終了のどちらでも共通の処理を行う方法について、気になったので調べました。対応方法としては、rxjsオペレーター...

インターセプターについてHttpClientによるhttp通信の処理で、どのapi呼び出しでも、共通の処理を行いたいといったときに、インターセプターの機能が便利です。実装interceptorcustom.intercepter.tsファイ...

Angular18だと、app.module.tsが存在しておらず、HttpClientを使おうとしたときに、どこにprovidersの設定や、モジュールのimport設定を書いたらよいかわからなったのでメモ。とりあえず、app.confi...

SubjectとBehaviorSubjectの違い違いは、BehaviorSubjectの方が、初期値もしくは、現在の値を保持していること。具体例まずはSubjectのサンプルコードになります。 const subject = ne...

Angularプロジェクトをローカルで立ち上げたときに、スマホ画面などを確認するときに、スマホからアクセスしたいときがあったので、やり方をまとめておきます。Angular側の設定Angularプロジェクトを通常、ng serveでwebサー...

概要Angularのテストして利用されるJasmineのMatchersを一覧にしてまとめていきます。Matchersとは以下のように、期待値を比較するのに使われるメソッドです。expect(テスト値).toBe(期待値);Matchers...

デバッグの設定プロジェクト直下の.vscode/launch.jsonファイルに、"name": "ng test"の所が、ng testでデバッグができるようになる設定が書いてます。{ // For more information, ...

概要以下のようにAngularのイベントバインディングを使う時に指定する、(click)のようなイベントについて主要なものをまとめておきます。<button (click)="onSubmit()">送信</button>Angularのイ...