dart - 在Dart代码而非HTML标记中定义自定义事件监听器

Question

在这篇有用的文章中，我们可以学习如何通过模板中的内联标记来侦听调度的自定义事件:
How do I fire a custom event from Polymer Dart?
我想知道在动态创建自定义元素时，是否有可能在dart脚本中做同样的事情:

var myElement = new Element.tag('my-element');

Answer 1

您需要为组件中的每个事件处理程序提供一个EventStreamProvider(静态)
以及易于使用的 setter/getter 。

static const EventStreamProvider<CustomEvent> logoutEvent = 
    const EventStreamProvider<CustomEvent>("my-logout");
Stream<CustomEvent> get onLogout =>  MyElement.logoutEvent.forTarget(this);

您触发了类似的事件

this.dispatchEvent(new CustomEvent("my-logout", detail: {'someData': 'bla'}));

// Polymer provides a shortcut for this
fire('my-logout', detail: {'someData': 'bla'});

您订阅了类似的 Activity

mySesson.onLogout.listen((e) => doSomething());