angular.js - ng1 ディレクティブを ng2 に変換するには?

Question

最近、プロジェクト チームはプロジェクトを ng1 から ng2 に転送する必要があります。 ng2 の関連ドキュメントを読んで説明を読みましたが、$element が ng2 ElementRef に対応することはわかっていますが、まだ詳細がわかりません。アドバイスをお願いします。

Ng1 ディレクティブ

リーリー

HTML

リーリー

NG2 ??

Answer 1

ご招待ありがとうございます！
Angular 2 の命令は次の 3 種類に分類されます:

• Component (コンポーネントディレクティブ): UI コンポーネントを構築するために使用され、ディレクティブ クラスから継承されます。 @Component() デコレーターによって定義されています

• 属性ディレクティブ: コンポーネントの外観または動作を変更するために使用されます。 @Directive() デコレータによって定義されます

• 構造ディレクティブ: DOM 要素を動的に追加または削除して DOM レイアウトを変更するために使用されます。 ngIf、ngForなど。特徴的なのは、で始まる命令が構文シュガーであり、HTML 5のテンプレート構文

  。

また、Angular 2 不滅への道 - 目次の 2 つの章をご覧ください

:

• Angular 2 vs Angular 1 (次の 2 つの記事では、Ng1 命令と Ng2 命令の違いを紹介しています。中国語版はまだ整理されていません。申し訳ありません)
  • Angular 2の@Input()によるコンポーネントプロパティバインディング

  • Angular 2の@Output()によるコンポーネントイベントバインディング

• Angular 2 コンポーネントの学習ルート (参考のみ)
  • これは比較的完全なコンポーネントの学習ルートであり、まず記事の説明に基づいて全体的な理解を得ることができます。主な内容は、入力プロパティ、出力プロパティ、ホスト プロパティ バインディング、およびイベント バインディングです。

Answer 2

私も ng1 から ng2 に変更しました。2 つのフレームワークのアプローチは完全に異なります。あなたが言及した ElementRef も DOM を取得せず、代わりにレンダリングを使用します。そのため、プロジェクトがそれほど小さくない場合は、リファクタリングを検討してください。

Answer 3

諦めてアイテムを1から2にアップグレードしましょう！