angular - 发射器不发射值

Question

我有一个过滤器组件，如下所示:

<app-filter (newStatusValue)="changeListByStatus($status)"

问题是这不会输出任何内容...

changeListByStatus($status){
  console.log('changeListByStatus', $status); // This doesn't output
}

在filter.component.html中:

<select (ngModelChange)="filterByStatus($event)" [ngModel]="filterStatusValue">
    <option value="0" selected>All Status</option>
    ...
</select>

在filter.component.ts中，我发出来自select的值:

@Output() newStatusValue : EventEmitter <string> = new EventEmitter<string>();
filterByStatus($status) {
  console.log('event: ', $status); // This ouputs
  this.newStatusValue.emit($status); 
}

Answer 1

将您的代码更改为如下所示。您正在使用 $status。 Angular 对此一无所知。您应该使用 $event 来获取事件。

<app-filter (newStatusValue)="changeListByStatus($event)"

changeListByStatus(event){
  console.log('changeListByStatus', event); // This doesn't output
}