一次访问角度组件中的所有属性绑定

Question

我有一个组件，其属性绑定名称类似<app-ang-acb [name]="nameVal"></app-ang-acb>，我想在component.ts文件中访问它而不使用@Input() name。

任何主角，请尝试使用ComponentFactory，但没有运气。

Answer 1

您可以将输入和输出与getter / setter方法一起使用

  <app-ang-acb [(name)]="nameVal"></app-ang-acb>

parent.component.ts

  nameValue = 0;
  @Input()
  get name() {
    return this.nameValue;
  }

  @Output() nameChange = new EventEmitter();

  set name(val) {
    this.nameVal = val;
    this.nameChange.emit(this.nameVal);
  }