dart - 为自定义组件提供回调

Question

我制作了一个自定义组件，它基本上包装了 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”

我找不到任何关于如何正确执行回调的官方文档，所以我不确定我做错了什么。有什么想法吗？

Answer 1

事实证明，我必须在属性中显式命名预期的参数:

<network-summary
    ...
    callback="ctrl.lineClicked(name)">
</network-summary>

希望这对下一个遇到此问题的人有用。