私はいくつかのプロジェクトを含む1つのコンポーネントを持っています。私がプロジェクトをクリックすると、彼のコンテンツを別のコンポーネントに表示したいと思います。どのように私はこれを行うことができますか?ありがとう。angular2のあるコンポーネントから別のコンポーネントにオブジェクトを渡す方法は?
-2
A
答えて
0
これを行うにはいくつかの方法があります。
1 - serviceを介して "projects"オブジェクトを提供し、そのサービスを両方のコンポーネントに注入し、angular2 router経由のルートパラメータを使用します。 ActivatedRoute
Param
(import { ActivatedRoute, Params } from '@angular/router';
)を使用して、サービスから "プロジェクト"のインデックスを介して "プロジェクト"を取得できます。
2 "プロジェクト"を保持できるグローバルオブジェクトを作成します。 Observableをそのオブジェクトに戻し、両方のコンポーネントに注入するサービスを使用します。あなたは、セットを保存し、オブザーバブルからオブジェクトを再計測することができます。
3 - 2つのいくつかの組み合わせが最高要するに
@Injectable()
export class ProjectsService {
getProjects(): Observable<Project[]> {
return Observable.of(PROJECTS);
}
}
const PROJECTS = [/*your projects here*/]
あなたの正確なニーズに応じてされるだろう、あなたはデータをHANDELするサービスを作成する必要があります。
関連する問題
- 1. angular2の別のコンポーネントtplからコンポーネントに文字列を渡す
- 2. Angular2が、私は別のコンポーネントからのデータを渡す必要があるコンポーネント
- 3. angular2のあるコンポーネントから別のコンポーネントへの関数のトリガ方法は?
- 4. Angular2 @Input:オブジェクト配列を親コンポーネントから子コンポーネントに渡す
- 5. In React.jsあるコンポーネントから別のコンポーネントにフォームの値を渡す方法
- 6. 値をあるコンポーネントから別のコンポーネントに渡します - フレックス
- 7. ページのjsonオブジェクトをAngular2コンポーネントに渡す
- 8. コンポーネントから別のコンポーネントにデータを渡すコンポーネント2つのファイル
- 9. Angular2:@CanActivate()からのオブジェクトをコンポーネントに渡す - > Typescriptエラー
- 10. Angularjs2あるコンポーネントから別のコンポーネントに関数を呼び出す方法は?
- 11. Angular2 - 別のコンポーネント
- 12. angular2コンポーネントからコールバックメソッドをクラス(typescriptファイル)に渡す方法
- 13. Angular2、あるコンポーネントから別のコンポーネントへのオブジェクトの使用方法私は2つの様々なコンポーネントを使用しています
- 14. 1つの子コンポーネントから別の子コンポーネントに値を渡す
- 15. オブジェクトをあるコンポーネントから別のコンポーネントに移してもらう
- 16. コンポーネントangular2にデータを渡す
- 17. コンポーネントの値をあるカスタムコントロールから別のカスタムコントロールに渡す
- 18. アクセス方法Angular2の親コンポーネントから渡された入力データ
- 19. あるコンポーネントから別のコンポーネントへの可変値の使用方法は?
- 20. あるコンポーネントから別のコンポーネントに角度2のオブジェクトを送信
- 21. 角2 - ルーターリンクを介してあるコンポーネントから別のコンポーネントにオブジェクトを送信
- 22. 子コンポーネントに親コンポーネントから渡されたオブジェクトは常にヌル
- 23. Angular2で他のコンポーネントの中にコンポーネントを作成する方法
- 24. オブジェクトをサービスからコンポーネントに渡す方法
- 25. Angular2は別のコンポーネントから1つの関数コンポーネントを呼び出す
- 26. Angular2でコンポーネントを渡す
- 27. 親コンポーネントの中に子コンポーネントを登録する方法angular2
- 28. 別のコンポーネントからコンポーネントをインポートする
- 29. React:あるコンポーネントから別のコンポーネントへの結果の取得方法
- 30. あるコンポーネントのインターバル機能を別のコンポーネントからクリアする方法はありますか?
[質問](http://stackoverflow.com/questions/34088209/how-to-pass-object-from-one-component-to-another-in-angular-2)の重複 –