你如何在Polymer Dart 1.0中收听自定义事件?

时间:2015-10-26 09:54:46

标签: dart dart-polymer

我一直在尝试在Polymer Dart 1.0元素中执行以下操作

@PolymerRegister('some-element')
class SomeElement extends PolymerElement {
    ...
    void fireEvent() {
        fire('someevent');
    }
    ...
}

然后我以这种方式听取它

<some-element on-someevent="handleSomeEvent"></some-element>

使用我在定义的聚合物元素内定义的方法

@reflectable
void handleSomeEvent([_, __]) {
    ...
}

问题是我得到了

Unhandled exception

这没有帮助,我花了一段时间才弄清楚上面是造成它的原因。如果我删除

@reflectable

来自事件处理程序方法的注释,我得到以下

method `registered` not defined

我想知道在Polymer Dart 1.0中是否有一种特殊的方法来处理自定义事件?

我可以这样处理

on['someevent'].listen(handleSomeEvent);

哪个确实有效,只是我不明白为什么我不能两种方式处理它。我想我会提交一份有关此问题的错误报告,但我想我会把它放在这里并检查我是否已经正确地完成了这项工作,因为除了使用之外我做了什么

@reflectable

这是Polymer Dart 1.0特有的,他们说你应该在Polymer JS中找到它的文档here

UPDATE 我应该澄清一下,这个异常是在加载时发生的,当元素被注册时。当我有更多的时间时,我会把完整的例外放在后面。

我得到的例外是以下

Exception: Uncaught Error: Unhandled exception:
Reflecting on un-marked type 'JsObjectImpl'
#0      _InstanceMirrorImpl._InstanceMirrorImpl (package:reflectable/src/reflectable_transformer_based.dart:150:9)
#1      ReflectableImpl.reflect (package:reflectable/src/reflectable_transformer_based.dart:1216:16)
#2      _setupReflectableMethods.<anonymous closure>.<anonymous closure> (package:polymer/src/common/polymer_descriptor.dart:151:49)
#3      JsObject._callMethod (dart:js:678)
#4      JsObject.callMethod (dart:js:618)
#5      PolymerRegister.initialize (package:polymer/src/common/polymer_register.dart:19:13)
#6      loadInitializers.<anonymous closure>.<anonymous closure> (package:initialize/src/static_loader.dart:46:32)
#7      _runInitQueue (package:initialize/initialize.dart:35:24)
#8      _runInitQueue.<anonymous closure> (package:initialize/initialize.dart:38:26)
#9     _RootZone.runUnary (dart:async/zone.dart:1165)
#10     _Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:502)
#11     _Future._propagateToListeners (dart:async/future_impl.dart:585)
#12     _Future._completeWithValue (dart:async/future_impl.dart:376)
#13     _Future._asyncComplete.<anonymous closure> (dart:async/future_impl.dart:430)
#14     _microtaskLoop (dart:async/schedule_microtask.dart:43)
#15     _microtaskLoopEntry (dart:async/schedule_microtask.dart:52)
#16     _ScheduleImmediateHelper._handleMutation (dart:html:42565)
Stack Trace:
#0      JsObject._callMethod (dart:js:678)
#1      JsObject.callMethod (dart:js:618)
#2      PolymerRegister.initialize (package:polymer/src/common/polymer_register.dart:19:13)
#3      loadInitializers.<anonymous closure>.<anonymous closure> (package:initialize/src/static_loader.dart:46:32)
#4      _runInitQueue (package:initialize/initialize.dart:35:24)
#5      _runInitQueue.<anonymous closure> (package:initialize/initialize.dart:38:26)
#6      _RootZone.runUnary (dart:async/zone.dart:1165)
#7      _Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:502)
#8      _Future._propagateToListeners (dart:async/future_impl.dart:585)
#9      _Future._completeWithValue (dart:async/future_impl.dart:376)
#10     _Future._asyncComplete.<anonymous closure> (dart:async/future_impl.dart:430)
#11     _microtaskLoop (dart:async/schedule_microtask.dart:43)
#12     _microtaskLoopEntry (dart:async/schedule_microtask.dart:52)
#13     _ScheduleImmediateHelper._handleMutation (dart:html:42565)

更多信息

下次我请求帮助时,我会使用我正在使用的确切代码。我用

注释的方法
@reflectable

被称为注册。

@reflectable
void registered([_, __]) {
    ....
}

如果我将此方法的名称更改为

之类的其他名称
@reflectable
void someOtherName([_, __]) {
    ...
}

不会发生异常。很抱歉,我没有想到该方法的名称可能与它有关。再次抱歉,但我仍然想要解释为什么注释方法的名称在这种情况下很重要。

1 个答案:

答案 0 :(得分:0)

这很好。

@reflectable
void handleSomeEvent([_, __]) {
    ...
}

您能否在GitHub仓库中提供允许重现问题的项目?

另一种方法是

@Listen('someevent')
void handleSomeEvent([_, __]) {
    ...
}

(您无需为此方法向HTML添加任何内容)。