我制作了一个自定义组件,它基本上包含了一个d3折线图.现在我希望能够为图表中的行点击注册回调.
我给组件一个@NgCallback参数,然后我将事件发送到：
class NetworkSummaryComponent implements NgShadowRootAware {
@NgCallback('callback')
Function callback;
void onShadowRoot(ShadowRoot shadowRoot) {
...
chart.callMethod('listen',['line-click',(ev) {
var name = ev.callMethod('getLineName');
print(name);
callback({'name': name});
}]);
}
}
使用组件时,我将控制器的功能指定为回调：
<network-summary
...
callback="ctrl.lineClicked">
</network-summary>
但是,该函数实际上从未被调用过,我知道回调是从JS端到达的,因为第一个片段中的print是被执行的.
如果我将该属性指定为callback =“ctrl.lineClicked()”,我会得到一个奇怪的异常：
我找不到任何关于如何正确回调的官方文档,所以我不确定我做错了什么..有什么想法吗？
解决方法
事实证明,我必须在属性中明确命名预期的参数：
<network-summary
...
callback="ctrl.lineClicked(name)">
</network-summary>
希望这对有这个问题的下一个人有用.
