angle2の1つの子コンポーネントから別の子コンポーネントにデータを渡す方法は？

Question

と仮定、私はそれを行うことができますどのように、私はmoveFront（）関数を呼び出すときcomponentAとcomponentB

@Component({ 
    selector: 'appA', 
    templateUrl: './appA.html', 
    styleUrls: ['./appA.css'] 
}) 
export class componentA{ 
    constructor(private route: Router) { } 
    moveFront() { 
    this.route.navigateByUrl('componentB'); 
    } 
} 

@Component({ 
    selector: 'appB', 
    templateUrl: './appB.html', 
    styleUrls: ['./appB.css'] 
}) 
export class componentB{ 
    constructor(private route: Router) { } 
    moveBack() { 
    this.route.navigateByUrl('componentA'); 
    } 
} 

は今、componentBが呼び出される必要がありますが、私はコンポーネントにも同様にいくつかのデータを渡したいですか？

私のコンポーネントはどちらも子コンポーネントで、1つの子コンポーネントとの間でデータをやりとりしたいのです。どうすればいいの？角度でデータを渡すために

Answer 1

あなたは親コンポーネントを通過するか、あなたが必要な兄弟コンポーネント間でデータを渡すには、親

に子からデータを渡すために子供 @Outputに親からのデータを渡すために @Inputを使用することができますかhttps://angular.io/guide/component-interaction#parent-interacts-with-child-via-local-variable

Answer 2

もう1つのオプション（文字列値のみを送信する場合）はRoute paramsを使用することです。クエリパラメータと同様、かなりぎりぎりに見えるURLの可能性もありますが、それはオプションです。あなたが代わりにrouter.navigateを使用することになり

constructor(private router: Router, private route:ActivatedRoute) { } 

：次に

this.router.navigate(['componentB', {myVar:'myValue'}]); 

のコンポーネントで、ルートのparamsを購読する：まず、あなたはActivatedRoute注入う

ngOnInit() { 
    this.route.params.subscribe((data) => { 
    this.myVar = data.myVar || 'defaultValue'; 
    }); 
} 

を繰り返しますが、この意志を文字列のためだけに働きます。このメソッドを使用して渡された任意のオブジェクトの角度呼び出し.toString()。より複雑なデータを送信したい場合は、サービス/ストアを使用する必要があります。