問題タブ [angular2-decorators]

デコレータselectorに渡す に アクセスする方法を見つけようとしています。@Component

例えば

最終的には、これを使用して属性を自動的に追加するディレクティブを作成し、data-tag-name="{this.component.selector}"Selenium クエリを使用してセレクターによって角度要素を確実に見つけることができるようにしたいと考えています。

分度器は使っていません

@Inputangular 2のデコレータですべてのコンポーネントまたはディレクティブプロパティを取得する方法はありますか?

現在、TypeScript を使用して Angular 2 のデモを実行しています。テンプレートとしてインポートされる index.html ファイルと TypeScript ファイルの 2 つのファイルがあります。TypeScript ファイルはpomodoro-timer.jsにコンパイルされます。このデモでは、すべてのクラスが 1 つのファイルに含まれています。

pomodoro-timer.ts

index.html

すべて正常に動作しているように見えますが、 pomodoro-timer.tsファイルのこの部分でエラーが発生しているようです。

TypeScript に精通している人なら、なぜこれらのエラーが発生するのか分かりますか? TypeScript プラグインで Atom IDE を使用しています。

Angular 2 アプリ用に 3 つのサービスを作成しました。2 つが 3 つ目のアプリに挿入され、そこで使用されるように構成されています。2 つ (3 つとも で装飾されています@Injectable()) をインポートした後も、不明なプロバイダー エラーが発生しました。

それを解決するために、注入されたサービスをモジュールプロバイダー配列に配置しようとしましたが、うまくいきました。これは最善のアプローチですか？

Angular のドキュメントには、コンポーネント レベルでの注入可能オブジェクトのリストが示されています。すべてのインジェクタブルをモジュール プロバイダー配列に配置することはできますか?

すべてが各モジュールの中央の場所で構成されているため、これによりアプリケーションのセットアップが簡素化されるようです。コンポーネントごとにコンポーネントの依存関係を検索する必要はありません。

公式ドキュメントから、私たちはそれを知っています

コンポーネント デコレーターを使用すると、クラスを Angular コンポーネントとしてマークし、実行時にコンポーネントを処理、インスタンス化、および使用する方法を決定する追加のメタデータを提供できます。

しかし、追加のメタデータを提供することを除いて、 Component デコレーターが実際に何をするのかをより深く理解したいと思います。

ソース コードを調べたところ、すべてのデコレータがmakeDecorator関数を使用して作成されていることがわかりました。そしてここで迷子になりました。たとえば、Component デコレータと ngModule デコレータの違いはどこにありますか? 彼らは同じことをしていますか？そうは思わないでください。

答えのように、 makeDecorator 関数を使用せずに Component Decorator を再作成するために何をすべきかを段階的に説明することは素晴らしいことです。

UPD : はい、もちろん、TypeScript デコレータがどのように機能するかは知っています。

基本コンポーネントと基本ディレクティブがあります:

そして今、同じ機能を持つ拡張 DatatableComponent を作成したい

私の質問は、なぜこれが機能しないのですか?

しかし、これは機能します。基本クラスから QueryList をオーバーライドする方法は?

私は次の構造を持っています:

子コンポーネント テンプレート (最も単純です):

親コンポーネント テンプレート:

ご覧のとおり、真ん中にもう 1 つ、Middle Component テンプレートがあります。

そして、私は次の方法を使用しています:

問題: Middle コンポーネントで Child コンポーネントの ContentChildren を取得できませんでしたか?

angular2はそれをサポートする必要がありますか? そうでない場合、なぜですか？

Plnkr デモ- コンソールの出力を参照