Angular

新しい@if、@else if、@else構文とは？Angular 18では、テンプレート内で条件分岐を直感的に記述できる新しい構文が導入されました。この新しい構文は、@if、@else if、@elseを利用して、テンプレート内で条件付き...

はじめにAngularでは、再利用可能なコンポーネントを作成する際に、親コンポーネントから動的に内容を挿入できる仕組みとしてng-contentを提供しています。この機能を使うと、コンポーネントのテンプレートにカスタマイズされたコンテンツを...

Angularのapp.module.tsが無いAngularで新規プロジェクトを作成すると、app.module.tsが作成されていたかと思いますが、新しいバージョンのAngularの場合、存在しなくなりました。その理由は、公式がスタンド...

はじめに最初は「@angular-material-components/datetime-picker」というパッケージを使っていたのだが、Angular17以降はサポートされなくなっていました。そのため、代わりのパッケージとして「@da...

はじめにAngular Materialには、MatSelectというセレクトボックスがあります。そのセレクトボックスの項目リストに対して、検索キーワードを入れて、項目リストをフィルタする機能を作っていこうと思います。実装方法環境Angul...

はじめにページングは、多くのデータを扱う際に非常に重要な機能です。ユーザーが効率よくデータを閲覧できるように、データを複数のページに分割して表示します。この記事では、Angular MaterialのMatPaginatorを使用して、デー...

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...