javascript - 为什么 primeng 下拉列表没有触发？

Question

免责声明，我对primeng很陌生......

我有以下组件

import { Component , OnInit} from '@angular/core';
import { TimeRangesService } from './time.range.service';

@Component({
               moduleId   : module.id,
               selector: 'time-range',
               templateUrl: './time.range.component.html',
           })

export class TimeRangesControl  implements OnInit {
    timeRanges: any[];
    selectedTimeRange: any;
    constructor(private timeRangeService: TimeRangesService) { }

    ngOnInit() {
        this.timeRangeService.get().then(res => this.timeRanges = res);
    }

    onChange($event) {
        console.log('event');
    }
}

我从未调用过 onChange 函数。在我的 html 文件中，我说:

<div class="content-section implementation">
<p-dropdown
        [style]="{'width': '40%', 'height': '30px'}"
        onChange="onChange"
        [options]="timeRanges"
        [(ngModel)]="selectedTimeRange"
        placeholder="Select a time range"></p-dropdown>
<p>Selected Time Range: {{selectedTimeRange ? selectedTimeRange.name : 'none'}}</p>

知道我做错了什么吗？

Answer 1

进行以下更改:

html:

(onChange)="onChange($event)"

组件.ts:

onChange(event) {
  console.log(event);
}

希望这能解决您的问题。