問題タブ [angular2-directives]

Angular 2.x で Decorator ディレクティブを作成するにはどうすればよいですか? 私は Angular のアルファ版に対して書いており、AngularJS (1.x) ディレクティブ ngClass にある機能を再現しようとしていました。以下は、Angular で自分の NgClass を試したときのスニペットです。私がやりたいのは、ブール式へのクラス名のハッシュを含む可能性のある式の値を観察することです。これらの式が変更されると、デコレータが適用された要素の classList プロパティに名前が追加または削除されます。

この構文の何が問題になっていますか? デコレーターはジョブに適したテンプレートでさえありません。おそらく、テンプレート ディレクティブを作成する必要がありますか? それでも、Angular でディレクティブを宣言するための構文は何ですか? ES5 での回答を受け入れますが、ES6 と AtScript の方が望ましいと思います。

コンテキストとして、これは、Angular 2 以降でアプリを作成するのがどのようなものになるかをプレビューした講演の準備として書いていました。

Angular 2.0 で以下のオブジェクトに対して ng-for を実行したい

Angular 1.x で行っていたのと同じように:

前もって感謝します。

meteor angular 2 チュートリアルを進めています。ステップ 4では、ハッシュ f がフォームに等しい角度 2 フォーム バインディングを使用して、フォームを変数 f にバインドし、次に onSubmit 関数をバインドします。どちらも私のために働いていません。Angular 2 API は変更されましたか?

動作しない HTML:

サンプルからの party-form.html の元の HTML コード:

そしてJSコンポーネントのparty-form.ts:

meteor angular 2 サンプルをコピーしました。そこの正確なコードを参照してください。ng-book のような他のサンプルでも onSubmit 関数として使用されます

Angular 1 で私が抱えている最大の問題は、(オブジェクト指向の意味で) ディレクティブを拡張するのがいかに難しいかということです。

たとえばinput[number]、カスタム ウィジェットでディレクティブを再利用することはほとんど不可能であり、すべての検証と型変換コードを再実装する必要がありました。

Angular 2 コンポーネントはクラスとして実装されているため、簡単に拡張できるようです。ただし、@Component非常に具体的なセレクターなどの注釈も含まれているため、それらを完全にオーバーライドできるかどうかはわかりません。

では、Angular 2 ディレクティブは実際に拡張可能ですか?

編集：

さて、「拡張可能」はクラスを拡張する必要はありません。複数の既存のディレクティブで構成される新しいディレクティブを作成することができます。このアプローチに関する私の質問は、子ディレクティブを適用するメカニズムは何ですか?

(@Componentクラスは、子にディスパッチできるメソッドを持つ従来の OO クラスではありません。アノテーションの背後にあるものによって完全に駆動されるフィールドとコールバックのコンテナにすぎません。)

Angular2.0私はテストを受けることができないようです。インジェクターデコレーターを使用するたびに、ファイル/シムが見つからないというエラーが発生します。reflect-metadataクラス デコレータを使用する場合は shim が必要です。

私はそれを回避する方法をインポートしようとしました

しかし、Angular は好き嫌いを言いません。

これが私のパッケージの内容です - 変更された AngularExample で、トリミングが必要です。誰でも助けてください。

angular でコードを書いていますが、ページを変更したときにディレクティブのリロードに問題があります。そのため、メニューからページに移動すると、すべてのページに含まれるファイルがリロードされません。これは app.js ファイル内のコードです。

そして、ページのコントローラーからのいくつかのコード: