Angular4-overview
Angular 4-概要
Angularには3つのメジャーリリースがあります。 リリースされた最初のバージョンはAngular1で、AngularJSとも呼ばれます。 Angular1に続いてAngular2があり、Angular1と比較すると多くの変更が加えられています。
Angularの構造は、コンポーネント/サービスアーキテクチャに基づいています。 AngularJSは、モデルビューコントローラーに基づいていました。 2017年3月にリリースされた Angular 4 は大きなブレークスルーとなり、Angular2の後のAngularチームからの最新リリースです。
Angular 4は、Angular 2とほぼ同じです。 Angular 2との後方互換性があります。 Angular 2で開発されたプロジェクトは、Angular 4で問題なく動作します。
Angular 4で行われた新機能と変更点を見てみましょう。
なぜAngular4でありAngular3ではないのですか?
Angularチームは、モジュールの内部でバージョン管理の問題に直面しました。競合のため、Angularの次のバージョンであるAngular4をリリースしてリリースする必要がありました。
Angular 4に追加された新機能を見てみましょう-
ngIf
Angular2は if 条件のみをサポートしていました。 ただし、Angular 4は if else 条件もサポートしています。 ng-templateを使用してどのように機能するかを見てみましょう。
forループのキーワードとして
変数totalは、 as キーワードを使用してスライスの出力を保存します。
アニメーションパッケージ
Angular 4のアニメーションは個別のパッケージとして利用でき、@ angular/animationsからインポートする必要があります。 Angular2では、@ angular/core で使用できました。 下位互換性の面では、同じままです。
テンプレート
TypeScript 2.2
Angular 4は、TypeScriptの最新バージョンである2.2に更新されています。 これにより、プロジェクトの速度が向上し、型チェックが改善されます。
パイプタイトルケース
Angular 4では、各単語の最初の文字を大文字に変更する新しいパイプタイトルケースが追加されました。
上記のコード行では、次の出力が生成されます- Angular 4 Titlecase 。
HTTP検索パラメーター
http get apiの検索パラメーターが簡素化されました。 Angular2で行われていたのと同じために URLSearchParams を呼び出す必要はありません。
小さくて速いアプリ
Angular 4アプリケーションは、Angular2に比べて小さくて高速です。 TypeScriptバージョン2.2を使用します。これは、最終コンパイルのサイズを小さくする最新バージョンです。