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; 
    ..... 
} 

模板：child.html

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

有可能獲得母公司的項目清單？

Answer 1

您可以將數據傳入和傳出嵌套組件。

如果要將數據從子項傳遞給父項，可以使用事件發射器。

請參閱此文章Passing data to and from a nested component in Angular 2