Category: Angular

Angular スタンドアローンコンポーネントでngForを使うにはimportが必要だった話

AngularのスタンドアローンコンポーネントでngForを使用しようとした際にエラーが発生し、解決方法を記載しました。ngForを使用する際はTypeScriptで明示的にインポートする必要があります。その際、@ComponentのimportsにNgForを追加することで問題が解決します。

Published at: 2024/11/01

Angular JavaScript

AngularのスタンドアローンコンポーネントでHttpClientを使いたい時の覚書

Angularのスタンドアローンコンポーネントに関する記事で、モジュールのインポート方法の変更や過去の方法の利用などが紹介されています。@NgModuleディレクティブの問題やHttpClientModuleの非推奨メッセージに触れ、provideHttpClient()を使ってHttpClientをセットアップする方法も説明されています。NgModuleディレクティブが必要ないコンポーネントやbootstrapApplication関数を使用してのセットアップ方法も詳細に記載されています。

Published at: 2024/10/29

Angular AWS AWS CDK

AWS Amplify ( Gen2 )でAngularアプリをホストするなら、ビルド設定に要注意

この記事では、AWS Amplifyを使用してAngularアプリをホスト・デプロイする際の注意点や設定箇所について紹介されています。AWS AmplifyはGitリポジトリからビルド＆デプロイできるため、簡単にウェブアプリケーションを公開できます。ただし、Node.jsのバージョンに注意が必要で、設定画面で変更することができます。また、AWS Amplifyの詳細設定にはNode.js以外のツールのバージョン指定もできるため、注意が必要です。

Published at: 2024/10/27

Angular Ionic

Ionic Angularで汎用的に利用したいカスタムComponentを作る方法の覚書

やりたいこと app-xx-skeletonやapp-alertのような、「どのページ・要素からも使う可能性のあるコンポーネント」を作りたい実際にやった方法 Moduleを作る「複数のModuleでdeclarati […]

Published at: 2022/07/24

Angular JavaScript

Angular + nxrxにRedux Toolkitを追加してみた覚書

意図 Action / Reducerなどの作成をまとめてできるcreateSlice関数が使いたかった。また、手慣れた書き方ができるならそっちのほうが良さそうに感じたこともあります。インストールライブラリをそれぞ […]

Published at: 2022/07/23

Angular JavaScript

Angularでページのtitleタグを動的に設定する

Angularでは、Route のパラメータで各ページのタイトルを設定できます。もしAPIのレスポンスなど、動的なデータからタイトルタグを設定したい場合は、@angular/platform-browserのTitle […]

Published at: 2022/07/23

Angular Ionic JavaScript

Ionic AngularでScullyを使ったSSGを試す

ScullyというAngular向けのStatic Site Generatorがあります。理論上、Angular を使用したIonicアプリケーションでも動くはずなので、試してみました。 Environment Ste […]

Published at: 2020/05/31

Angular JavaScript

Angular8でアイテムがある時・ない時のHTMLを出し分ける

Angularのチュートリアルをちょいちょいカスタマイズしながら触っているところなので、覚書。アイテムの情報を出すHTML チュートリアルの中で、商品の情報を出すというサンプルがあります。ただ、このままだと該当するア […]

Published at: 2019/08/14