Angular6-overview

Angular 6-概要

Angularには5つのメジャーリリースがあります。 リリースされた最初のバージョンはAngular 1で、AngularJSとも呼ばれます。 Angular 1の後にAngular 2が続き、Angular 1と​​比較すると多くの変更が加えられました。

Angularの構造は、コンポーネント/サービスアーキテクチャに基づいています。 AngularJSは、モデルビューコントローラーに基づいていました。 2018年5月にリリースされた Angular 6 は大きなブレークスルーであり、Angular 5以降のAngularチームからの最新リリースです。

Angular 6は、Angular 5とほぼ同じです。 Angular 5との後方互換性があります。 Angular 5で開発されたプロジェクトは、Angular 5で問題なく動作します。

次に、Angular 5で行われた新機能と変更点を見てみましょう。

Angular 5とその機能

Angular 5は2017年11月にリリースされました。 速度とサイズの目標に従って、Angular 4よりも高速でサイズが小さくなりました。 以下は、Angular 5で導入された機能です。

• HTTPClient API -HTTPライブラリを非推奨にするためにHTTPClient APIが導入されました。 HTTPClient APIは、HTTPライブラリよりもはるかに速く、安全で、効率的です。
• 複数のエクスポートエイリアス-移行プロセスを容易にするために、複数のエイリアスを使用してコンポーネントをエクスポートできます。
• 数値、日付、通貨用の国際化されたパイプ-より良い標準化のために新しいパイプが導入されました。
• ラムダのサポート-関数の代わりに適切な名前のラムダ式を使用できます。
• ビルドオプティマイザー-ビルドオプティマイザーが導入されました。 ビルドサイズを最適化し、アプリケーションの速度を向上させます。 Angular CLIはBuild Optimizerを自動的に使用します。
• 改善されたコンパイラ-Angular 5以降のコンパイラは、コンパイルを高速化するためのインクリメンタルコンパイルをサポートしています。 コンパイラは、TypeScript 2.3以降の新機能であるTypeScriptトランスフォームを使用します。

Angular 6に追加された新機能を見てみましょう-

• 更新されたAngular CLI、コマンドラインインターフェース-以前のバージョンから現在のバージョンに移行するng-updateなどの新しいコマンドが追加されました。 アプリケーションをプログレッシブWebアプリにするためのアプリケーション機能をすばやく追加するng-add。
• アップデートされたCDK、コンポーネント開発キット-角材ライブラリを必要としないカスタムUI要素の作成をサポートします。 レスポンシブWebデザインレイアウトをサポートします。 ポップアップを作成するためのオーバーレイパッケージをサポートします。
• *更新されたAngular Material *-ツリーのような階層構造を表すために、新しいツリーコンポーネント、スタイル付きバージョンのmat-treeおよびスタイルなしバージョンのcdk-treeが追加されました。
• リアクティブJSライブラリであるRxJSの使用
• Angular Element -Angular ComponentsをWebコンポーネントとして公開し、任意のHTMLページで使用できるようにします。 Angular Elementパッケージを使用すると、ネイティブのカスタム要素を簡単に作成できます。
• 複数のバリデーター-複数のバリデーターをフォームビルダーに適用できます。
• サービスのツリーシェーキング-デッドコードを削除するために、サービスにもツリーシェーキングを適用できるようになりました。