Angular 7-将功能传递给子级作为对象属性

Question

我需要将一组动态选项传递给菜单，每个选项必须具有名称和要执行的单击功能。没有动态的函数数组，我使用了@Output，但是在这种情况下，我使用的是这样的选项数组：

options: OptionItem[] = [{
    name: 'close',
    click: () => { console.log('export', this.export); }
}];

还有我的通用菜单，像这样使用：

<div class="options-menu-item" *ngFor="let option of options" (click)="option.click()">
      {{option.name}}
</div>

这是绑定功能的好方法吗？这样做会有副作用吗？