angular2子コンポーネントで見つかったテンプレート変数を表示する方法

Question

私は親コンポーネントと子コンポーネントを持っています。子コンポーネントにはテンプレート変数があり、それらを親に読み込みたい。

親：

import {Component, ElementRef, OnInit, ViewChild} from '@angular/core'; 
import {Page} from "ui/page"; 
import {ChildComponent} from '/components/child/child.component' 

@Component({ 
selector: "parent", 
template: "<child [List]="List"></child>", 
directives: [ChildComponent] 
}) 

export class ParentComponent implements OnInit { 

// list contains selectable items (<a> tag in HTML) 
@ViewChildren("item") 
itemsList: QueryList<ElementRef>; 
} 

子：

import {Component, OnInit, ViewChild, Input} from '@angular/core'; 
import {Observable} from 'rxjs/Observable'; 

@Component({ 
selector: "child", 
templateUrl: "components/child/child.html", 
}) 

export class ChildComponent implements OnInit { 
    @Input() list: array; 
    ..... 
} 

テンプレート：

<li *ngFor="let item of list" style="cursor: default;"> 
    <a (click)="handleClick()" #item > item </a> 
</li> 

親内の項目のリストを得ることができるのchild.html？

Answer 1

ネストされたコンポーネントとの間でデータを受け渡しすることができます。

子から親にデータを渡す場合は、イベントエミッタを使用できます。

この記事を参照してくださいPassing data to and from a nested component in Angular 2