angulardart 组件 - 调度自定义事件 [英] angulardart components - dispatch custom event

问题描述

我想从我的 Angular Dart 组件向他的父组件发送一个自定义事件.我怎样才能用 Angular Dart 做到这一点?

I want to dispatch a custom event from my Angular Dart component to his parent. How can I do this with Angular Dart?

换句话说，我想做类似的事情:如何在 Polymer 中调度和侦听自定义事件?

In other words I want do something similar to this: How do you dispatch and listen for custom events in Polymer?

推荐答案

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

Maybe emit does what you want but I assume this works only within Angular. If you want to send DOM events you can do it with dispatchEvent method like

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);

您可以通过以下方式收听此事件

You can listen for this event by

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

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

or in Polymer (because I saw that you tried to make Angular work together with Polymer)

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

这篇关于angulardart 组件 - 调度自定义事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！