我制作了一个自定义组件，该组件基本上包装了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端到达的，因为执行了第一个代码段中的打印。
如果我改为指定属性，callback="ctrl.lineClicked()"则会收到一个奇怪的异常：
Closure call with mismatched arguments: function 'call'
我找不到有关如何正确执行回调的任何官方文档，因此我不确定自己在做什么错。
事实证明，我必须在属性中明确命名期望的参数：
<network-summary
...
callback="ctrl.lineClicked(name)">
</network-summary>
希望这对下一个有此问题的人有用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句