Angular中的“void”类型不存在属性“length”

Question

我有这个子组件slide1.component.ts

import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-slide1',
  templateUrl: './slide1.component.html',
  styleUrls: ['./slide1.component.css'],
})
export class Slide1Component implements OnInit {
  @Input() select_option: string;
  @Output('answer') answer: EventEmitter<{
    Res: any;
    Ans: any;
  }> = new EventEmitter();
  constructor() {}

  ngOnInit() {}
  callchild() {
    var res = this.answer.emit({ Res: '', Ans: '' });
    console.log(res.length);
    console.log('child ');
  }
}

分辨率长度

得到Property 'length' does not exist on type 'void'.，但是这个在父组件中的方法返回数组，并且这个相同的函数在父方法中使用时可以工作，但是当从子组件访问时它不起作用。

工作链接： https://stackblitz.com/edit/angular-ivy-gcgxgh?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fslide1%2Fslide1.component.ts

Answer 1

EventEmitter.emit() 方法返回 void，因此它的返回值没有 'length' 属性。

我建议您阅读有关 Components interaction 的文档。

干杯