我制作了一个自定义组件,它基本上包装了 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});
}]);
}
}
使用组件时,我指定 Controller 的一个函数作为回调:
<network-summary
...
callback="ctrl.lineClicked">
</network-summary>
但是,该函数从未被实际调用,因为我知道回调是从 JS 端到达的,因为第一个代码片段中的打印已执行。
如果我将属性指定为 callback="ctrl.lineClicked()"
我会得到一个奇怪的异常:
参数不匹配的闭包调用:函数“call”
我找不到任何关于如何正确执行回调的官方文档,所以我不确定我做错了什么。有什么想法吗?
最佳答案
事实证明,我必须在属性中显式命名预期的参数:
<network-summary
...
callback="ctrl.lineClicked(name)">
</network-summary>
希望这对下一个遇到此问题的人有用。
关于dart - 为自定义组件提供回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22915977/