Angular7-overview
Angular7-概要
*Angular 7* はGoogleが所有しており、安定リリースは2018年10月18日に行われました。 これはAngularの最新バージョンです。
以下は、これまでにリリースされたAngularバージョンのリストです-
Version | Released Date |
---|---|
Angular JS | October 2010 |
Angular 2.0 | Sept 2016 |
Angular 4.0 | March 2017 |
Angular 5.0 | November 2017 |
Angular 6.0 | May 2018 |
Angular 7.0 | October 2018 |
Angularの次の2つの主要なバージョンのリリース日は以下のとおりです-
Version | Released Date |
---|---|
Angular 8.0 | March/April 2019 |
Angular 9.0 | September/October 2019 |
Googleは、Angularのメジャーバージョンを6か月ごとにリリースする予定です。 これまでにリリースされたバージョンは後方互換性があり、非常に簡単に新しいバージョンに更新できます。
Angular 7に追加された新機能について説明しましょう。
V7への角度更新
Angular 7は、AngularコアフレームワークであるAngular CLI、Angular Materialsが更新されたメジャーリリースです。 あなたがAngular 5または6を使用していて、Angular 7に更新したい場合、以下はAngularの最新バージョンにアプリを更新するコマンドです-
ng update @angular/cli @angular/core
角度CLI
角度CLIを使用してプロジェクトのセットアップを行っている間、それは利用可能な組み込み機能、すなわち、以下に示すようにルーティングとスタイルシートのサポートについてのプロンプトが表示されます-
アプリケーションのパフォーマンス
Angular 7では、以下に示すようにangle.jsonにバンドル予算が追加されています-
- 予算*は、Angular CLIに追加された機能で、構成内に制限を設定して、アプリケーションのサイズが制限セット内に収まるようにすることができます。 サイズを設定して、制限を超えたときにアプリに警告できるようにすることができます。
角材とCDK
Angular Material/CDKのバージョンは、Angular 7で更新されています。 また、CDKには2つの機能が追加されています-仮想スクロール、およびドラッグアンドドロップ。
仮想スクロール
仮想スクロール機能は、ユーザーがスクロールすると次のリストが表示されるように、目に見えるdom要素をユーザーに表示します。 これにより、完全なリストが一度にロードされるのではなく、画面上の表示に従ってのみロードされるため、より高速なエクスペリエンスが得られます。
ドラッグアンドドロップ
リストから要素をドラッグアンドドロップして、リスト内の必要な場所に配置できます。 新しい機能は非常にスムーズで高速です。