AngularJS 1.xをAngularJS 2.xに移行

Question

AngularJS 2を学んで、Angular 1.xから自分のアプリケーションを移行します。私はAngular 1と​​まったく異なっています。Angular 1からAngular 2に移行した場合のメリットは何ですか？この移行では、あなたの提案、利点、経験、および困難を得たいと思います。

Answer 1

角2は完全に復活したフレームワークです。

パフォーマンスの向上：

パフォーマンス角度1.xのと比較して角度2.0に改善ブートストラップは、角度2.oでプラットフォーム固有の機能を持つようになりました。したがって、アプリケーションがブラウザからブートストラップされている場合、モバイルアプリに比べて異なるブートストラップが呼び出されます。したがって、ブラウザのブートストラップパッケージの場合は、angular2/platform/browser.dartが使用されます。

モバイル・ローディングの場合Apache Cordovaを使用すると、ローディング時間を短縮できます。

モバイル・サポート：

角度1.1が応答し、2ウェイバインディングのアプリのために作られました。モバイル対応はありませんでした。角度1.xをモバイル上で実行する他のライブラリがありますが。角度2.0は、モバイル指向のアーキテクチャを念頭に置いて作られています。モバイルの角型2モバイル開発を迅速に行うためのライブラリ、つまりネイティブスクリプトがあります。角度のある真のネイティブモバイルアプリを作成する| NativeScriptまた、ブラウザ上でもモバイルアプリ上でも同じコードを異なる方法でレンダリングします。

活字体：

活字体（TS）は、現在の符号化のためのDARTを使用して角度の2グーグルで頻繁に使用されます。 DARTまたはTypeScriptは角度2に使用できます。他のフレームワークやライブラリ、つまりREACTJSもTSを使用しているため、TypeScriptの学習は非常に優れています。したがって、TSを学ぶことができれば、プロジェクトでREACTJSや他のライブラリを実装するのは非常に簡単です。

開発者がJavaから来ている場合、.NETのバックグラウンドTypeScriptは非常に簡単に学習できます。角度2で

ません$スコープ：

角度2は、接着剤のビューとコントローラにもう$スコープを使用していません。これは、Angular 1でコーディングした後、プロジェクトに対してAngular 2を試してみたときの最大の問題の1つです。しかし、誰かがJavaから来ている場合、構文はJavaに似ているので、.NET /バックグラウンドは簡単に取得できます。

function($scope) { $scope.comparison =”Angular 1 vs Angular 2” } //is replaced by constructor() { this.comparison =”Angular 1 vs Angular 2” }

コンポーネントベースのプログラミング：

ちょうどReactJs等、AngularJsは、コンポーネントベースのプログラミングを使用しています。コンポーネントの依存度が低く、エンティティのスピードが速くなります。 I Angular 1にはモジュラープログラミングの概念があります。モジュラープログラミングは、JQueryコードが大変混乱していたことから進化しました。今やコンポーネントUIはコンポーネントを高速化します。

@Component({ selector: 'AngularComparison' }) @View({ templateUrl: './components/example/AngularComparison.html' }) export class AngularComparison { constructor() { this.comparison= “Angular 1 vs Angular 2”; } }

これとは別に、ブランドの新しい角度2フレームワーク内の他の改善があります

1. インジェクタが大幅に変更。子インジェクタはAngular 2の新しいものです。
2. 角1の指示がありました。
3. 角2には、Component、Decorator、Templateディレクティブのみがあります。
4. JSONベースのルート設定は、編集が簡単です。

注意点

1. まず最初に、角2は、角1のアップグレードではありません。角度2は完全に書き換えられます。
2. 角度2のJavaScriptのスーパーセット（また、唯一のtypescriptです、ダーツを意味するものではありません）です活字体を使用しています。
3. 角度1.xでは、角度2指向モバイルで心の中でモバイルサポート、で構築されていませんでした。
4. 角1の中心概念は$ scopeであり、$ scopeは角度2.0では見つかりません。角2は、zone.jsを使用して変更を検出しています。下記のコードを参照してください。
5. 角度1.xコントローラがなくなりました。 コントローラは、角2の "コンポーネント"に置き換えられていると言えるでしょう。