angular - angular2 - コンポーネント間の通信

Question

Angular2 でのコンポーネント間の通信について調べてみましたが、必要なものが少し異なります。私はこのような構造を持っています:

父→息子→息子

私のコードは次のようになります

親コンポーネント:

@Component({
selector: 'app',
templateUrl: './instituicao/components/instituicao.html',
directives: [InstituicaoForm, InstituicaoList]
})

export class InstituicaoCmp {}

My instituicao.html

<instituicao-form>
    <div class="row">
        <instituicao-list></instituicao-list>
    </div>
</instituicao-form>

ユーザーが次のようなもの<instituicao-form>からテーブルリストのいくつかの項目をクリックしたときに入力したいフォームがあります:<instituicao-list><instituicao-list>

<tr role="row" *ngFor="#item of items | instituicaoPipe : searchItems">
          <td>{{item.id.idInstituicao}}</td>
          <td>{{item.descInstituicao}}</td>
          <td>
            <button class="btn btn-link" (click)="HERE I WANT TO POPULATE FORM AT INSTITUICAO-FORM COMPONENT(item)"> Editar</button>
          </td>
        </tr>

私のinstituicao-form htmlは、次のようないくつかのフィールドを持つ単なるフォームです<input type="text" [(ngModel)]="item.idInstituicao"

私は ng-model at を使用してこれを行うことしかできず<instituicao-form> 、リストも at に配置し<instituicao-form>ました。

誰かがこれを手伝ってくれませんか？