发射器不发出值

时间:2019-03-21 07:47:21

标签: angular

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

<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); 
}

2 个答案:

答案 0 :(得分:4)

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

#wrap {
  min-height: 100%;
}

答案 1 :(得分:0)

changeListByStatus的参数应为$ event。

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