Angular

withComponentInputBindingでURLパス値を設定[Angular]

はじめにAngularの新しいバージョンでは、ルーティング制御でwithComponentInputBinding()を使うことで、URLのパスの一部(URLパラメータ)を、@Inputで取得できるようになりました。今回はそれについて解説し...
Angular

ng-templateとngTemplateOutletで共通のテンプレート描画をする[Angular]

はじめにng-templateとngTemplateOutletを使って、テンプレートの共通処理を綺麗に書くための方法を解説します。Angularのバージョンは18です。ng-templateとはng-template は、Angularの...
Angular

Angular 18の@forやtrackのテンプレート制御構文について解説

@forについて古いバージョンでは、ngForを使って、テンプレート側でループ処理していましたが、Angular17から@forが新規に使えるようになりました。基本構文以下のように、@forを使ってループ処理を使えます。<ul>@for (...
Angular

Angularでbootstrapを使う方法やng-bootstrapを使うべきかについて解説

はじめにフロントエンドのデザインでよく使われるbootstrapをAngularで使う場合、どのように環境構築すれば良いか解説していきます。ng-bootstrapを使うべきかAngularでbootstrapを使う方法として、bootst...
Angular

Angularの@switchで複数の条件を簡潔に管理する

テンプレート構文の@switchとはAngular 18で導入された@switchは、テンプレート内で複数の条件を簡潔に表現するための便利な構文です。複数の値の中で条件にマッチするものを簡単に選択して表示することができます。基本構文以下が@...