如何将回调函数传递给子组件？

我正在编写Angular 9应用，并且我有这个共享组件来产生选择菜单...

export class SharedMenuComponent implements OnInit {

  items: Item[] = [];
  // Represents what is selected by default
  @Input('default_selected') default_selected: number;
  @Input('value_change_callback') valueChangeCallback: any;

  constructor(
    private route: ActivatedRoute,
    private apiService: ApiService
  ) {}

  ngOnInit(): void {
    this.items = this.route.snapshot.data.items;
  }

}

HTML看起来像

<select id="item" (change)="valueChangeCallback">
    <option *ngFor="let item of items"
        [selected]="item.id === default_selected">{{item.path}}</option>
</select>

我注意到有人从菜单中选择其他项目时未调用“ onChange”回调。在父组件中，我这样称呼子组件

<form id="statForm" method="get">
    <app-item-menu [default_selected]="itemId"
                        [value_change_callback]="onNavigate"></app-item-menu>
</form>

我在父组件中定义此函数

  onNavigate(event): void {
    console.log("called on change ...");
  }

console.log永远不会被打印，并且该函数似乎根本就没有被调用。我还需要做些什么来调用我的回调？