問題タブ [angular2-di]

私は実際にAngular DIコンテナーを研究していますが、いくつかの情報が必要です。

実際に API を読むと、Injector クラスはファクトリ引数に Binding リストを受け取り、それを解決して ResolvedBinding リストを取得しているようです。

注意: https://angular.io/docs/js/latest/api/di/

次の理由により、システムが Binding と ResolvedBing の間の変換をどのように管理できるのか疑問に思っていました。

• バインディングは値を返すことができます
• バインディングはエイリアスを返すことができます
• バインディングはクラスを返すことができます
• バインディングはファクトリを返すことができます

ResolvedBinding コンストラクターは次のとおりです。

必要なときにファクトリを返すことは問題ないように思えます (そして、クラスが毎回ファクトリを介して作成されていることを認めれば、クラスも)、値のみを返す必要がある場合はどうすればよいでしょうか? fw は具体的に値を返すためのファクトリを作成しますか?

親コンポーネントを子コンポーネントに挿入しようとしています。これは簡単だと思いました。子の .xml ファイルに親コンポーネントを指定/挿入するだけですconstructor()。

次のエラーが表示されます。

例外: ChildComponent(?) のすべてのパラメーターを解決できません。すべてに有効な型または注釈があることを確認してください。

私は何が欠けていますか？

子コンポーネント:

アプリ コンポーネント:

プランカー

仕事の制約のためにES6 / ES7を使い続けながら、ロープを学び、切り替えを試みているため、Angular 2内でカスタムコンポーネントに取り組んでいます。次のように定義されたコンポーネントがあるとします。

これを呼び出された別のコンポーネントに渡す必要がありますが、このスタック オーバーフロー スレッドAccordionGroupの回答に従って、コンストラクターで行うように注入しようとすると、次のようになります。

使用して

最初のコメントに記載されている修正を行った後、コンポーネントをレンダリングします。

次のいずれかを使用すると、コンポーネントがレンダリングされます。

また

あるいは

しかし、ES7 でパラメーター デコレーターを使用できるようになるまで、これらのうちどれを使用するのが適切な方法なのかという疑問が残ります。

余談ですが、コードの多くは、TypeScript を使用した Angular 2 のすべてを示すこの特定のチュートリアルからのものでした。Angular 2 へのディレクティブの移行

例として、静的メソッド内からカスタム http サービスにアクセスする必要があります。

この場合、どのようにサービスにアクセスできますか?

I have app.component like this.

chartData.service.ts:

Then I try to use ChartDataService inside chart.directive, which is a child component to app.component. chart.directive.ts:

But it fails with Via the docs each component has an injector which creates dependencies at a component level scope. If there are no any appropriate component level providers parent component's provider is used. This works fine for classes with @Component() decorator. Adding providers: [ChartDataService] to @Directive declaration helps, but that means each decorator will have separate instance of ChartDataService which is undesiarable.

Any ideas? Or is it by design?

アプリケーションの存続期間中、いくつかの属性の値を保持するシングルトン オブジェクトを Angular2 で作成する方法を考えています。これにより、それを多くのコンポーネントで使用して注入することができます。

何か案は？

ありがとう

私の試みは次のことでした：

この場合、getUsername() は機能しますが、this._http 投稿は機能しません。エラーがスローされます。

元の例外: TypeError: 未定義の元のスタック トレースのプロパティ 'post' を読み取ることができません:

(DI) 依存性注入が Angular2 でどのように機能するかを理解しようとしています。コンポーネントにサービス/クラスを注入しようとするたびに、多くの問題/問題に遭遇しました。

さまざまなグーグル記事からproviders: []、コンポーネント構成で使用するか@Inject()、コンストラクターで使用するか、bootstrap(app, [service])? @injectableまた、いくつかの記事でデコレータ を配置する必要があることも見てきました。

例: Http を挿入するにはimport{Http}、Http をプロバイダーに入れるだけで済みますが、FormBuilder の場合は@Inject()、コンストラクターで使用する必要があります。

いつ何を使用するかについての経験則はありますか? コードスニペットの例をいくつか教えてください。ありがとうございました ：-）