如何從孩子傳遞變量孩子Angular2

Question

我有三個組成部分：父（P）和兩個孩子（C1）和（C2） （他們是P成分的兒童和他們沒有父模板嵌套） 它看起來像

<c1-component></c1-component> 
<c2-component></c2-component> 

我有一個變量myVar在C1（號），我想減少和增加在C2組件中，並將此變量的新值返回到C1（所以，我想傳遞的不是函數，而是變量）。我怎麼能通過這個變量從C1到C2？ 我想在沒有共享服務的情況下解決這個問題。

Answer 1

您可以使用EventEmitter將變量從child1發送到父級。將其捕獲爲父代中的輸入，然後將其傳遞給選擇器中的child2。

兒童1：

import { Output } from '@angular/core'; 
@Output() testVariable = new EventEmitter(); 

捕捉內親和在父HTML發射：

<c2-component [testVariable]="testVariable"></c2-component> 

兒童2：

import { Input} from '@angular/core'; 
@Input() testVariable;