Angular 14正式リリース。Typed Angular FormsやStandalone Componentsなど新機能

今回は「Angular 14正式リリース。Typed Angular FormsやStandalone Componentsなど新機能」についてご紹介します。

関連ワード (他詳細、実行時、従来等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


Webアプリケーションフレームワーク「Angular」の最新版となる「Angular 14」が正式にリリースされました。

Angular v14 is here#ngUpdate includes:
Strictly typed forms!
Streamlined page title accessibility
CLI autocomplete
a developer preview of standalone components!

& so much more!

Learn all about v14:
https://t.co/I3mvnb2CSX pic.twitter.com/nYtpOm4KXi

— Angular (@angular) June 2, 2022

Angular 14ではReactive Formsのフォームコントロールに型を設定できる「Typed Angular Forms」が利用可能となり、よりシンプルなコードでコンポーネントを記述できる「Standalone Components」がデベロッパープレビューとして導入されました。

Typed Angular Formsでは、フォーム上で入力された値のチェックなどを実現する「Reactive Forms」のフォームコントロールで受け取る値に型を設定できるようになりました。

従来はフォームコントロールで受け取る値はany型となっていたため、nullを受け取る可能性も含めて実行時に対応するよう慎重にコーディングする必要がありました。

Angular 14からはフォームコントロールやグループに型を設定することで、初期値がnullだとしても入力値としてnullを許容しない設定や型の設定ができるようになるため、コーディング時のエディタによるサポートやビルド時のチェックなども含めて、より安全なコーディングが可能になります。

Standalone Componentsでは、従来のコンポーネントの記述では必要とされた「@NgModule」の記述が不要になるなど、よりシンプルなコーディングでコンポーネントの記述ができるようになる予定です。

また、Angular Routerの新しいRoute.titleプロパティによって、ページの内容を一意に伝えるページタイトルの設定が容易になることで、Angularアプリケーションのアクセシビリティ改善に役立つとされています。

その他詳細な新機能については「Angular v14 is now available!」をご覧ください。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
インドネシア証券取引所、データ仮想化で市場データ配信を高速化
IT関連
2022-05-18 06:00
Disney+の第3四半期の契約者数は予想を上回る1億1600万人、アジア市場が下支え
IT関連
2021-08-14 23:41
映画製作者が直接、作品をAmazonプライムビデオやApple TVなどのチャンネルで配信可能にするFilmhub
IT関連
2022-02-08 01:27
窪田製薬の“近視矯正メガネ”、2021年中に台湾でまず販売へ 価格は50万円以下に
ネットトピック
2021-05-18 15:50
ウェブブラウザーだけでXR空間を構築できる「STYLY」を手がけるPsychic VR Labが9億円調達
VR / AR / MR
2021-02-27 20:54
AIを利用したリアルタイム音声文字起こしサービスOtter.aiがGoogle Meetでも利用可能に
ネットサービス
2021-01-23 18:40
必然的に進む先端テクノロジーのさらなる民主化
IT関連
2022-03-01 23:24
危険冒しても子を助ける親心 マウスで脳内メカニズム特定
IT関連
2021-06-04 08:11
アマゾン傘下ビデオドアベルRingは最新アップデートでセキュリティ改善、しかし暗号化にはオンの必要あり
セキュリティ
2021-07-15 21:58
経営者と従業員の双方で不安を解消–仮想オフィス「Sococo」活用の実際
IT関連
2021-02-28 04:17
IT人材のスキルギャップ解消へ、まずやるべきこととは–3人のリーダーに聞く
IT関連
2021-02-02 10:34
フォードがコンパクトな新型ハイブリッドピックアップ「マーベリック」発表、市街地燃費17km/Lで約220万円から
モビリティ
2021-06-10 15:28
求人サービス「engage」の画像・動画が全て消失、復旧できず 原因は不正アクセス
セキュリティ
2021-04-06 21:59
IBMから分社化したキンドリル、AWSと戦略的契約–クラウド導入を加速へ
IT関連
2022-02-26 12:53