Angularの新しいoutput() APIと出会いましょう

Angular v17.3 では、開発者プレビューとして出力の宣言を改善した API が導入されました。この新しい API は、ディレクティブでの出力の宣言を簡素化し、シグナル入力などの他の関数ベースの API と一致しています。また、値を出力する際の型をより正確に提供し、型の安全性を高め、微妙なランタイムエラーのリスクを軽減します。 開発者は、output() 関数を使用して出力を宣言できます。この関数は、クラスフィールドを初期化し、.emit 関数を呼び出すことで値を出力できます。Observable ストリームに基づく出力の場合は、outputFromObservable() 関数を使用できます。 新しい API はシグナルではなく、ボイラープレートコードを削減するためのエレガントな改善です。ディレクティブの破棄時に自動的に出力をクリーンアップし、出力された値の型の安全性を向上させます。 すべての出力は、OutputRef インターフェイスを実装しており、開発者がプログラム的に出力をリスンするための共通の方法を提供します。RxJS インターオップパッケージには、RxJS-固有の方法で出力をリスンするための outputToObservable 関数が含まれています。 新しい出力 API は、開発者プレビューとして利用可能であり、Angular はコミュニティからのフィードバックを求めています。開発者は、ng update を使用して Angular の最新バージョンをインストールすることで、新しい API を試すことができます。 Angular v17.3 の改善された出力 API には、概念的な整合性、シンプルな構文、自動クリーンアップ、型の安全性の向上、プログラムによるリスニングの共通化などの利点があります。 開発者は、コメント、GitHub のディスカッション、またはその他のチャネルを通じて、新しい出力 API についてフィードバックを提供することが奨励されています。フィードバックは、API をさらに改善し、安定させるために使用されます。