AngularJS 2を学んで、Angular 1.xから自分のアプリケーションを移行します。私はAngular 1とまったく異なっています。Angular 1からAngular 2に移行した場合のメリットは何ですか?この移行では、あなたの提案、利点、経験、および困難を得たいと思います。AngularJS 1.xをAngularJS 2.xに移行
答えて
角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フレームワーク内の他の改善があります
- インジェクタが大幅に変更。子インジェクタはAngular 2の新しいものです。
- 角1の指示がありました。
- 角2には、Component、Decorator、Templateディレクティブのみがあります。
- JSONベースのルート設定は、編集が簡単です。
注意点
- まず最初に、角2は、角1のアップグレードではありません。角度2は完全に書き換えられます。
- 角度2のJavaScriptのスーパーセット(また、唯一のtypescriptです、ダーツを意味するものではありません)です活字体を使用しています。
- 角度1.xでは、角度2指向モバイルで心の中でモバイルサポート、で構築されていませんでした。
- 角1の中心概念は$ scopeであり、$ scopeは角度2.0では見つかりません。角2は、zone.jsを使用して変更を検出しています。下記のコードを参照してください。
- 角度1.xコントローラがなくなりました。 コントローラは、角2の "コンポーネント"に置き換えられていると言えるでしょう。
そしてそれはサーバー側のレンダリングを持っています! :-) –
ohh ..それも重要です –
- 1. jackrabbit。 1.xから2.xに移行
- 2. angularJS 1.xのIonic v3
- 3. AngularJS 1.x - WebpackアプリをTomcatに導入
- 4. AngularJS: `{{x + '、' + y}}対{{x}}、{{y}} '
- 5. keras.backend.conv2dをKeras 1.xから2.xに移行する
- 6. AngularJS 1.xがアプリのURLスキームにリダイレクト
- 7. angularjsを持つ角度材料1.x
- 8. AngularJS 1.XのMonaco Editorを使用
- 9. AngularJS 1.x NgTagsInputメッセージを表示
- 10. Angularjs 1.x - UIRouter Path/XYZ vs /#!/ XYZ
- 11. AngularJS 1.x Chosen MultiSelect ADD新しい値
- 12. Android Realm 1.xから2.xへの移行
- 13. Hrefの1.xから2.xへの移行?
- 14. AngularJS 1.xアプリ用webpack 2を使用した最適なwebpack.config?
- 15. Angularjs 1.XとAngular 2の対応HostBindingとHostListener
- 16. spark 1.xからspark 2.xにsql_context.registerDataFrameAsTableを移行する方法
- 17. Angularjs - X-Editable:onAfterSave($ data)の$ data
- 18. Webpack 1.xからWebpack 2.xへの移行に関する問題
- 19. フレックスボックスで3列2行(1 x 2 x 2)を得る方法
- 20. JestでAngularJS 1.xアプリケーションをテストするには?
- 21. AngularJs 1.xに$ routeProviderのグローバルリゾルバがありますか?
- 22. AngularJS 1.xは検証に依存する
- 23. AngularJS 1.x:動的に作成された複数のファイルアップロードフィールド
- 24. Haskellで `[1、x^1、x^2、...、x^n]`を計算する
- 25. TomcatサーバーでAngularjs 1.xアプリケーションをホストする
- 26. angularjs 1.xでデータ属性を変更する
- 27. Log4j 1.xからLog4j2への移行
- 28. 私のAngularJS 1.xアプリはAngular 2の後でも動作しますか?
- 29. ES 2.xからES 5.xへの移行Elasticsearch
- 30. EJB 2.xから3.xへの自動移行ツール
この質問は、このような質問をするには、他のチャンネルを使用してください。 –