Angular7-overview

提供:Dev Guides
移動先:案内検索

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 CLI

アプリケーションのパフォーマンス

Angular 7では、以下に示すようにangle.jsonにバンドル予算が追加されています-

予算

  • 予算*は、Angular CLIに追加された機能で、構成内に制限を設定して、アプリケーションのサイズが制限セット内に収まるようにすることができます。 サイズを設定して、制限を超えたときにアプリに警告できるようにすることができます。

角材とCDK

Angular Material/CDKのバージョンは、Angular 7で更新されています。 また、CDKには2つの機能が追加されています-仮想スクロール、およびドラッグアンドドロップ

仮想スクロール

仮想スクロール機能は、ユーザーがスクロールすると次のリストが表示されるように、目に見えるdom要素をユーザーに表示します。 これにより、完全なリストが一度にロードされるのではなく、画面上の表示に従ってのみロードされるため、より高速なエクスペリエンスが得られます。

ドラッグアンドドロップ

リストから要素をドラッグアンドドロップして、リスト内の必要な場所に配置できます。 新しい機能は非常にスムーズで高速です。