是否可以将Angular Component绑定到回调数组

时间:2016-08-05 13:01:38

标签: javascript angularjs

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

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

是否可以使用这样的数组进行组件绑定:

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

然后我的组件模板可以在数组上执行ng-repeat,以显示带有单击操作的相应按钮。

我已尝试设置绑定,但它似乎不起作用:

binding = {
    actions: '&'
}

1 个答案:

答案 0 :(得分:0)

不建议这样做,但您可以:

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

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

使用双向绑定传递它:actions: '=' 在这里你不关心args,你在组件中调用回调 比如actions.foos[1](p1, p2, p3)