プログラミング tips を書いています。実行可能なサンプルも公開しています。また、プログラミングに役立つ英語情報も発信しています。

Angular

: Angular

Angular ng-container ディレクティブ

2021/2/7

ng-container ディレクティブは、ホストエレメントを生成せずに、論理的なグルーピングを行うことのできる機能です。説明文よりも、実際のコードを見る方がわかりやすいです。例えば、ngFor デ ...

: Angular

npx を利用して特定バージョンの Angular プロジェクトを作成する

2021/2/7 npx

普段 Angular プロジェクトを作成する時には ng new を使うと思います。これにより、開発環境にグローバルインストールされている Angular CLI のバージョンに準拠したバージョンのプ ...

: Angular

外部モジュールのコンポーネントを利用する

2021/2/7

Angular で AppModule 以外のモジュールに配置されているコンポーネントを AppModule に引き込んで利用したい局面はよくあります。そのような場合には、利用したコンポーネントをエク ...

: Angular

switchMap オペレーターを使って、ボタンクリックに応じて Observable データを取得する

2020/6/6

Angular でボタンクリックなど、任意のユーザー操作のタイミングで Observable にデータを取得し、UI に最新情報を表示したいことがあります。こんな時には、Subject と switc ...

: Angular Visual Studio Code

Visual Studio Code: Ctrl + Shift + k による行の削除

2020/4/8

Visual Studio Code では、Ctrl + Shift + k により、キャレットのある行を削除することができます。

: Angular

Angular コードスニペット

2020/4/8

Angular のコードスニペットを挿入することができます。コードスニペットは "a-" を入力するとリスト表示されます。サービスの場合、次の様になります。生成コード便利ですので、繰り返し実装す ...

: Angular

Angular @Output デコレーター

2020/3/21

Angular の @Output デコレーターは、子コンポーネントから親コンポーネントへイベント通知を行う際に利用します。子コンポーネントとして、MyLabel コンポーネントがある例で考えてみま ...

: Angular

モジュール内のコンポーネントを外部モジュールで利用する方法

2020/2/9

Angular では、モジュールごとに機能をまとめて管理することがよくあります。モジュール内のコンポーネントを外部のモジュールで利用する際には、コンポーネントをモジュールの exports に登録して ...

: Angular

Angular CLI のアップデート方法（アンインストール・インストール方法）

2022/8/20

Angular CLI をアップデートする方法をご紹介します。 Angular CLI のアンインストールまずは Angular CLI をアンインストールします。次のコマンドを実行します。エラー ...

: Angular

Angular アプリケーションを Angular7 から Angular8 へバージョンアップ

2019/9/5

Angular7 で作成したアプリケーションを Angular8 にバージョンアップしてみました。 Angular の公式ドキュメンテーションに記載されているアップデートコマンドを実行しました。 ng ...

1 2 3 4 Next »