Question

有人可以指点我（或在这里解释），我可以在那里了解更多关于beta 12的输出。我想知道如何正确使用输入和输出。我对投入很有信心，但想了解更多有关如何实施产出的信息。

Answer 1

组件通过输入从其父级接收数据。它可以通过输出将数据发送回其父级。

父组件：

@Component({
  selector: 'my-parent',
  template: '<my-child [label]="buttonLabel" (clicked)="handleClick()"></my-child>',
  directives: [ChildComponent]
})
class ParentComponent {
  buttonLabel = 'Very Important Button';
  handleClick() {
    console.log('The button in the child component was clicked!');
  }
}

子组件：

@Component({
  selector: 'my-child',
  template: '<button (click)="clicked.emit($event)">{{label}}</button>'
})
class ChildComponent {
  @Input() label: string;
  @Output() clicked: EventEmitter;
}

Angular2 beta.12输入和输出（以前的属性和事件）

1 个答案: