Angularは、新しい@let構文を導入し、開発者がテンプレート内で変数を定義し、再利用できるようにしています。この構文は、Angularのテンプレート構文における長年の問題を解決します。
@let宣言により、Angular式から派生した値を持つ変数を定義できます。これらの変数は、テンプレート全体で再利用でき、コードの読みやすさと維持性を向上させます。
以前のソリューションとは異なり、@let変数は現在のビューとその子孫にスコープされ、コードの組織化を向上させ、不要な変数の衝突を防ぎます。
@let宣言は読み取り専用であり、変更検出中には値が再計算され、データの正確さを確保します。
@letの正式な構文には、キーワード、変数名、代入演算子、Angular式、およびセミコロン終端子が含まれます。
例えば、@letを使用して、テンプレート内で表示する変数を定義することができます。複雑な式を使用する非同期パイプラインの例も含まれます。
Angularチームは、新しい@let構文に関するフィードバックを歓迎し、開発者の体験を継続的に改善しています。
blog.angular.dev
Introducing @let in Angular
