我想在 Dart 中编写一个简单的行为以供自定义元素使用。
@behavior
abstract class AlignmentBehavior implements PolymerBase {
@Property()
bool alignTop = false;
// more properties ...
ready() {
updateAlignment();
}
@reflectable
updateAlignment([_,__]) {
// reference to the element the Behavior is attached to.
// 1) Is that the correct way?
var ele = Polymer.dom(root);
// We need to inherit from PolymerBase to access set(...)
// 2) Is that the correct way?
set('alignTop', aTop);
// .. to more stuff
}
}
我的前两个问题已经写在代码中了。如何访问行为附加到的元素?正确的方法是什么?我目前使用Polymer.dom(root)
但我不知道这是否有效,因为我有一些运行时错误,我将在这篇文章后面解释。访问底层元素的官方方式是什么?它使用的是 JsObject 吗?它是从父 PolymerElement 调用行为函数并传递this
,还是根本不应该访问它?
另一个问题是我是否必须从PolymerBase继承。Github wiki 上的行为示例没有这样做,但为了访问诸如 set
之类的方法来修改@Property
我必须从中继承。这样做的正确方法是什么?
我的最后两个问题是关于我得到的错误。一个错误要求我为我的属性实现 getter 和 setter,例如为 alignTop 添加 getter 和 setter。最后但并非最不重要的一点是,我无法从自定义元素调用updateAlignment()
。它说Class 'MainApp' has no instance method 'updateAlignment'.
1)
var ele = Polymer.dom(root);
如果你想访问元素的 DOM,这很好。
只是root
给你同样的AFAIK。
如果要访问元素类实例,则无需执行任何操作。这很this
但无论如何,这在 Dart 中是隐含的。您只能访问mixin中已知的内容。要让 mixin 知道"事物",您可以创建一个接口类。
abstract class MyComponentInterface {
void someFunction();
int someField;
String get someValue;
set someValue(String value);
...
}
然后在 mixin 和元素类中实现接口,你就有一个共享的协定。
abstract class AlignmentBehavior implements MyComponentInterface, PolymerBase {
mixin 现在可以访问成员,因为 MyComponentInterface implements
声称它们将存在并且
class MyComponent extends PolymerElement with AlignmentBehavior {
将迫使您实施它以履行 mixin 的合同。
2)看起来不错
3)
另一个问题是我是否必须继承
PolymerBase
。
基本同1)Dart中的任何聚合物元素都必须扩展PolymerBase
。为了能够从mixin内部访问PolymerBase
的成员,它也必须实现它。这不会导致任何限制,因为 mixin 将应用于的类无论如何都会履行该契约。
如果您不需要访问PolymerBase
提供的任何成员,则无需实现它。