angulardart 组件 - 调度自定义事件答案

【问题标题】：angulardart components - dispatch custom eventangulardart 组件 - 调度自定义事件
【发布时间】：2014-09-15 07:01:00
【问题描述】：

我想将一个自定义事件从我的 Angular Dart 组件分派给他的父级。如何使用 Angular Dart 做到这一点？

换句话说，我想做类似的事情：How do you dispatch and listen for custom events in Polymer?

【问题讨论】：

使用emit (docs.angulardart.org/#angular/angular-core.Scope@id_emit) 和on (docs.angulardart.org/#angular/angular-core.Scope@id_on) - 你可以在这里找到一些这样做的代码：stackoverflow.com/questions/22151427/…（我没有发布这个作为答案因为我不知道 Dart。但我知道它是如何工作的，而且我知道 AngularJS，所以我知道 $emit 和 $on。我只是用谷歌搜索了 Scope 的相应 AngularDart 方法）跨度>

标签： events dart angular-dart

【解决方案1】：

也许emit 可以满足您的需求，但我认为这仅适用于 Angular。如果你想发送 DOM 事件，你可以使用 dispatchEvent 方法来完成，比如

Element e; // assigned by the injector through a constructor argument or aquired by querySelector, ...
...
var event = new CustomEvent(
  type, /* 'myeventname'
  canBubble: canBubble != null ? canBubble : true,
  cancelable: cancelable != null ? cancelable : true,
  detail: {'somekey', 'someValue'}
);
e.dispatchEvent(event);

你可以通过

来监听这个事件

e.on['myeventname'].listen((e) => print(e.details['somekey']));

或者在 Polymer 中（因为我看到你试图让 Angular 与 Polymer 一起工作）

<some-element on-myeventname="{{myEventHandler}}"></some-element>

【讨论】：

目前我正在开发一个仅限 Dart Angular 的应用程序。在这种情况下，您是使用 emit 解决方案还是 DOM 事件解决方案更好？
肯定是emit 或broadcast