は、このホスト・コンポーネントのコードを想像してみ?コールネストされたコンポーネントの機能angular2
答えて
できることは、ViewChild
を使用しています。つまり、子コンポーネントを親にViewChild
として挿入します。
import { ViewChild } from '@angular/core';
import { Component } from '@angular/core';
import { ChildComponent } from './child.component';
@Component({
selector: 'parent-component',
template: ` implements AfterViewInit
<child-component></child-component>
`,
directives: [ChildComponent]
})
export class ParentComponent {
@ViewChild(ChildComponent)
private childComponent: ChildComponent;
save(): void {
this.myService.myHTTPCall().subscribe((event) => {
this.childComponent.waitingForHostedComp(event);
})
}
}
Component Interaction Cookbook: Parent Calls a ViewChildで詳細を確認できます。
おもしろいことに、私の他のインプットとアウトプットは以前と同じように機能します(私はこのコードサンプルで引用しませんでした)? – nottinhill
もちろん、以前と同じように動作します。 ViewChildは、typescriptコード内の子コンポーネントとやり取りする単なる方法です。 –
私は 'private childComponent:ChildComponent;'をコンストラクタに入れなければなりませんでした。そしてそれは完全に動作します。ありがとう、ベルナルド。 – nottinhill
- 1. JSコールネストされた非同期関数
- 2. Angular2 Call External JS fileコンポーネント内の機能
- 3. React HOC - アクセスラップされたコンポーネント機能
- 4. RouterOutletでレンダリングされたコンポーネントでAngular2属性ディレクティブが機能しませんか?
- 5. Angular2:コンポーネント/ HTML要素をクローニングし、それはとても機能
- 6. Angular2ネストされたコンポーネントとテンプレート階層
- 7. Angular2ネストされたコンポーネントと補助ルート
- 8. angular2ネストされたインポートされたモジュールのコンポーネントを使用
- 9. angular2のネストされたルーティングが機能しない
- 10. クリック機能は、実行時に私のコンポーネントの内部angular2
- 11. Angular2 - 親コンポーネントへのタイムアウト機能によるEventEmitterの変数
- 12. Angular2 - グローバルビュー機能
- 13. javascript es5 Angular2コンポーネントtemplateurl相対パスが機能しません
- 14. ブートストラップスタイルがAngular2コンポーネントに対して機能しない
- 15. 動的にロードされたコンポーネントでバインディングが機能しない
- 16. 角2:ネストされたコンポーネントでパイプが機能しない
- 17. 遅延ロードされたコンポーネントでCustomReuseStrategyが機能しない
- 18. Angular2 - 地図機能
- 19. タイプ機能のステートレス機能コンポーネントの小道具は更新されません
- 20. Angular2が機能しない(クリックする)機能が変更されない
- 21. Angular2 rc5>コンポーネントがロードされない
- 22. Angular2タイスクリプトのドラッグアンドドロップ機能
- 23. Mapboxglのクリックリスナー機能Angular2
- 24. Angular2のネストされたコンポーネントを介してイベントを放出
- 25. Angular2他のコンポーネントに選択された値を渡す方法
- 26. 削除されたコンポーネントのAngular2でonDestroyをキャッチする方法
- 27. アクセス方法Angular2の親コンポーネントから渡された入力データ
- 28. Angular2 - テストされたコンポーネントからの呼び出し関数
- 29. Angular2コンポーネントが表示されたときにコンポーネントを初期化する方法
- 30. Angular2共有コンポーネントが共有されていない共有コンポーネント
もっとコードを入力してください。 'save()'と 'waitingForHostComp()'はどこにありますか? –
'save()'はChildComponentをインポートするParentComponentにあります。 'waitingForHostComp()'はChildComponent上にあります。基本的に私が望むのは、ParentComponent(ChildComponentを注入する)がサーバーからの応答を取得したときにトリガーされるChildComponentのリスナーです。 – nottinhill