Question

我正在尝试将两个变量从子组件发送到父组件

我已将子选择器放置到父组件视图，在这里我使用了子标记，并将@output名称myOutput绑定到父组件中的getData函数，并将事件处理程序传递给了它< / p>

<app-form-test [myInput]='myInputString' (myOutput)="getData($event)"></app-form-test>

父ts文件=>

  getData(value) {
    alert(value);
  }

子ts文件

export class FormTestComponent implements OnInit {
  @Input() myInput: [];

  @Output() myOutput: EventEmitter<string> = new EventEmitter();
  firstOutputString = 'hello I am coming from child component'
  secondOutputString = " I am second string";

  ngOnInit() {

  }
  SendData() {
    this.myOutput.emit(this.firstOutputString);
  }
 }

在这里，我想从子组件传递另一个变量secondOutputString到父组件，我尝试使用

SendData() {
        this.myOutput.emit(this.firstOutputString , this.secondOutputString);
      }

但是我遇到了错误

Answer 1

在子.ts中：

egrep -e 'def test_' -r ./ | wc -l

和父.ts中：

@Output() myOutput: EventEmitter<{firstOutputString: string, secondOutputString: string}> = new EventEmitter();

SendData() {
    this.myOutput.emit({
      firstOutputString: this.firstOutputString,
      secondOutputString: this.secondOutputString
    });
}

从父级组件到子级组件两个变量

1 个答案: