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

您可以在嵌套組件之間來回傳遞數據。

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

請參閱本文在Angular 2中與嵌套組件之間傳遞數據