是否可以将 Angular 组件绑定到回调数组答案

【问题标题】：Is it possible to bind an Angular Component to an array of callbacks是否可以将 Angular 组件绑定到回调数组
【发布时间】：2016-08-05 21:34:44
【问题描述】：

我有一个显示列表项的角度组件。

我希望每个列表项都有一组菜单按钮，用于调用父组件/控制器上的各种功能

是否可以有一个像这样的数组的组件绑定：

[
    {Name: 'Edit', Callback: editItem(item)},
    {Name: 'Delete', Callback: deleteItem(item)},
    {Name: 'Add', Callback: addItem(item)},
]

然后我的组件模板可以对数组执行一次 ng-repeat 以显示相应的按钮及其点击操作。

我已经尝试过这样设置绑定，但它似乎不起作用：

binding = {
    actions: '&'
}

【问题讨论】：

【解决方案1】：

不建议这样做，但您可以：

用任意数量的函数字段等定义对象：

function test() {}
actions = {
  foo : test, foos : [test, test, test]
}

并使用 2-way binding 传递它：actions: '=' 在这里你不关心 args 并且你在组件中调用回调喜欢actions.foos[1](p1, p2, p3)

【讨论】：