Angular - Visual Studio Code でのデバッグ実行
Angular アプリケーションを Visual Studio Code 上でデバッグ実行する方法です。Debugger for Chrome というエクステンションというがありますので、インストールします。
Angular Reactive Forms(リアクティブフォーム)の使い方
Angular で提供されている Reactive Forms（リアクティブフォーム）の使い方を見てみましょう。Reactive Forms を利用するため…
Angular HttpClient を利用した HTTP 通信
Angular で HTTP 通信を行う際には、HttpClient を利用します。@angular/common/http にある HttpClientModule をインポートします。
Angular ngFor ディレクティブによる繰り返し処理
Angular の ngFor ディレクティブを利用することで、HTML テンプレート上で繰り返し処理を行うことができます。
Angular CLI コマンドいろいろ
Angular CLI では、便利なコマンドが多く用意されています。その中でもよく使われるコマンドを掲載します。いろいろと省略すると、次のように書くことができます。
Angular CLI ルーティング用ファイル付きのモジュールの作成
Angualr CLI でモジュールを作成する際に利用するコマンドは ng generate module です。更に --routing というパラメーターを加えることで、ルーティング用ファイルを自動生成してくれます。
Angular CLI によるアプリケーションの作成とアプリケーションの実行(Hello World の表示)
Angular では CLI(Command Line Interface) が用意されており、CLI コマンドを利用することで素早くアプリケーションの作成やアプリケーションの実行などを行うことができます。
Angular ngOnChanges イベント
Angular のイベントライフサイクルフックのうち、ngOnChanges イベントについて見ていきます。ngOnChanges イベントは…
JavaScript String.includes メソッド
JavaScript の String.includes メソッドを利用することで、文字列に任意の文字列が含まれているかを判定することができます。
JavaScript Array - map メソッドと filter メソッド
JavaScript Array の map メソッドと filter メソッドについて、簡単にメモをしておきます。配列の各要素に任意の加工を行い、新たに配列を生成します。
Angular async パイプで HTML テンプレートに独自クラスのオブジェクトを表示
タイトルのままです。Angular で取り扱う独自クラスのオブジェクトのデータを、async パイプを使って HTML テンプレート上に表示する方法です。
Angular イベントバインディング
Angular のイベントバインディングを利用して、HTML テンプレート上にあるコントロールのイベントを、コンポーネント(TypeScript) 側でハンドルする方法です。
Angular @Input デコレーター
Angular の @Input デコレーターは、親コンポーネントから子コンポーネントに対してデータを渡す際に使います。
Angular @ViewChild デコレーター
Angular では、HTML テンプレート上に定義されているコンポーネントを TypeScript 側から参照する機能として、@ViewChild デコレーターが提供されています。
Netlify で Angular のルーティング利用時に必要な設定
Netlify に Angular のアプリケーションを配備しただけでは、Angular のルーティングが動作せずに 404 NotFound エラーが出ます。
Angular アプリケーションの PWA 化
Angular アプリケーションを PWA にする方法です。至って簡単で、次のコマンドを実行すると PWA になります。
ASP.NET Core Web API クロスオリジンを許可する方法
Angular でちょっとしたサーバーとの通信をテストする時に、Cors エラーを回避するために使っています😅設定は簡単で、Startup.cs で UseCors メソッドを下記のように実装します。
Angular ngModel ディレクティブの使い方(サンプルあり)
Angular の ngModel の使い方をメモしておきます。Angular v13 でのサンプルもダウンロード用に用意しました。
ASP.NET Core Web API - GET と POST メソッドの実装法
ASP.NET Core Web API で GET メソッドと POST メソッドの実装方法です。クライアントサイドは JavaScript での実装となっています。
ASP.NET Core Web API - html ファイルの利用
ASP.NET Core Web API で html ファイルを利用(表示)する方法です。Startup.cs ファイルの Configure メソッドに、app.UseStaticFiles() を呼び出します。