angular - Angular 2-4 中组件之间的两种方式绑定(bind)

Question

我希望子组件值绑定(bind)到父组件。当 @Input() 和 [(ngModel)] 不够用时如何实现？

here is a plunker

Answer 1

在这里你还必须设置@Output并改变组件

export class CounterComponent {

  @Output('initoChange') emitter: EventEmitter<string> = new EventEmitter<string>();
  @Input('inito') set setInitoValue(value) {
      this.count = value;
  }
  count: number = 0;

  increment() {
    this.count++;
    this.emitter.emit(this.count);
  }

  decrement() {
    this.count--;
    this.emitter.emit(this.count);
  }

}

这是 plunker 的链接，请看。