web-dev-qa-db-ja.com

Angular 5とAngular 6の違い

Angular 5とAngular 6.の違いは何ですか。アプリケーションをAngular 5からAngular 6.に更新するにはどうすればよいですか。

Angular 5とAngular 6の主な違いは何ですか？

angularangular5angular6
7
zeeshan Qurban

Angular 6の新機能は、以下のリンクにリストされています： https://www.infoworld.com/article/3213244/javascript/whats-new-in-angular- version-6-is-here.html

Angular 6への移行については、以下のリンクを参照してください： プロジェクトをAngular v5からAngular v6にアップグレードしたい

8
Sankar Narayanan

Angular 6の変更：

1）TypeScript 2.7+サポート

2）Angular Material and CDK Stableを追加

3）コンポーネント開発キット（CDK）-CDKでは、Angular Material）を使用して、UIコンポーネントの独自のライブラリを構築できます。

4）デコレータエラーメッセージの改善

5）Universalのプラットフォーム検出の例を修正

6）Ivy Renderer-これは、後方互換性があり、主に焦点を当てた新しい領域です-速度の向上、サイズの縮小、柔軟性の向上。

7）afterContentInitとafterContentCheckedを追加してレンダリングする

8）nativeElementのサポートに追加

9）ElementRefにオプションのジェネリック型を追加しました。例は次のようになります。@ViewChild（ 'your-element'）yourElement：ElementRef;

10）Bazelコンパイラ-Bazelは必要なものだけを再構築します。

11）テストコメントを追加

12）予測されたコンポーネントの欠落しているライフサイクルテストを追加する

13）Closure Compiler-Closure Compilerは一貫して小さなバンドルを生成します。

14）QueryPredicateの名前をLQueryに、LQueryをLQueryに変更

15）Service Worker-Service Workerは、Webブラウザーで実行されるスクリプトです。また、アプリケーションのキャッシュを管理します。

16）FormBuilderの配列メソッドに複数のバリデーターを追加しました

17）行境界の有無にかかわらず文字列を処理する-パターン検証ツールで行境界（^＆$）の有無にかかわらず文字列を処理するようになりました。以前は、境界ではなく文字列で機能していました。

18）AbstractControl statusChanges-以前のバージョン。「markAsPending」を呼び出したときにイベントを発行しませんが、AbstractControl markAsPendingを呼び出すと「PENDING」のイベントを発行します。

19）NgModelChangeの更新-コントロールで値と有効性が更新された後に発行されるようになりました。以前は、更新前に発行されていました。

20）HttpInterceptorsがHttpClientを注入できるようにする–以前は、HttpClientがインターセプターインスタンスを注入したファクトリーを介して構築されたため、HttpClientを直接注入しようとするインターセプターは循環依存エラーを受け取りました。ユーザーは、HttpClientをインターセプターに挿入してサポートすることを望んでいます。

HttpClientまたはユーザーは、循環依存関係を特別に処理する必要があります。この変更により、その責任はHttpClient自体に移ります。リクエスト時にインターセプターのセットを遅延ロードする新しいクラスHttpInterceptingHandlerを利用することで、HttpClientの構築にインターセプターチェーンの構築が不要になるため、HttpClientをインターセプターに直接注入できます。

21）navigationSourceとrestoreStateをNavigationStartに追加します–現在、NavigationStartには、ナビゲーションが命令的にトリガーされたか、場所の変更によってトリガーされたかを知る方法がありません。これら2つのユースケースは、さまざまなユースケース（スクロール位置の復元など）ごとに異なる方法で処理する必要があります。このPRは、ナビゲーションソースフィールドと復元されたナビゲーションID（URLの変更によってトリガーされたナビゲーションに渡されます）を追加します。

22）タイプとフックをディレクティブdefに追加する

23）最小限のCLI render3アプリケーションのサイズ追跡を有効にします

24）標準ビュークエリを追加する

25）言語サービス– 2.6バージョンのTypeScriptの「resolveModuleName」では、パスを「\」ではなく「/」で区切る必要がありました。

詳細： ここをクリック

13
Kishore Thangapandi

  1. angular 5アプリをangular v6、このURLを参照してください http://www.talkingdotnet.com/upgrade-angular- 5-app-angular-6-visual-studio-2017 /

  2. また、angular 5とangular 6、 https://dzone.com/articles/angular-6- release-vs-angular-5-new-features-and-im

2
Ketan Chaudhari

In Angular 6、デフォルトでは、このデコレータは "providedIn"プロパティで設定され、この場合、providedIn： 'root'は、サービスをルートインジェクターで提供することを指定します。

@Injectable({
    providedIn: 'root'
})
export class ApiService{
 //.......}

ここでさらに参照

0
Yasir Shabbir Choudhary

angular 5から6に大きな変更があります。上位10の変更を以下に示します。

  1. 角度要素。
  2. サービスワーカーのサポート。
  3. テンプレートはサポートされていません。
  4. 国際化
  5. Ivy：新しいレンダリングエンジン。
  6. ngModelの変更。
  7. ElementRef
  8. Bazelコンパイラ。
  9. RxJs 6.0
  10. 木の揺れ。

詳細な説明については、 https://dzone.com/articles/top-10-features-of-angular-6 を参照してください

0
Shilpa Soni