dart - 当前在 Dart Polymer 中扩展自定义元素的方法？

Question

我正在尝试使用 Polymer 和 Dart 创建一些所有扩展单个自定义元素的自定义元素。遵循 Seth Ladd 在这里的 G+ 帖子的指示(虽然已经过时且未维护，但仍然是我能找到的用于扩展自定义 [非 DOM] 元素的唯一引用):

https://plus.google.com/+SethLadd/posts/7Ed4GUWZB26

这是我尝试做的事情类型的精简示例代码:

基本元素 HTML:

<link rel='import' href='packages/polymer/polymer.html'>
<polymer-element name='base-element'>
<template>
  ... stuff here relating to template ...
</template>
<script type='application/dart' src='base-element.dart'></script>
</polymer-element>

基本元素 Dart:

import 'package:polymer/polymer.dart';
@CustomTag('base-element')
class BaseElement extends PolymerElement {
  BaseElement.created() : super.created();
  ... other base class stuff here ...
}

第一个自定义子类元素 HTML:

<link rel='import' href='packages/polymer/polymer.html'>
<link rel='import' href='base-element.html'>
<polymer-element name='sub-element-1' extends='base-element'>
<script type='application/dart' src='base-element.dart'></script>
</polymer-element>

第一个自定义子类元素 Dart:

import 'package:polymer/polymer.dart';
import 'base-element.dart';
@CustomTag('sub-element-1')
class SubElement1 extends BaseElement {
  SubElement1.created() : super.created();
  ... other subclass stuff here ...
}

我遇到的主要问题是 Dart 编辑器给我的错误(在运行时):

“打破异常:NotSupportedError:类型‘sub-element-1’的注册失败。‘extends’中指定的标签名称是自定义元素名称。请改用继承。”

编辑似乎不喜欢 扩展='基元素'子元素的 HTML 中的一部分。但是如果去掉那部分，基本元素的模板化 HTML 将被忽略，即使 Dart 代码确实使用了继承。所以，最终我对这篇文章的问题是:

您当前如何创建扩展其他自定义元素的自定义元素，以便它们使用基本元素的模板？

任何帮助和/或信息将不胜感激，并提前致谢。

Answer 1

在导入基本元素的 Dart 文件(在我的实际代码中，而不是上面的示例中)时，我显然有一个错字，这将其他所有内容都扔掉了。这仍然是扩展自定义元素的正确方法，子元素将使用基本元素的模板。有时，在编程时，最细微的事情可能会引起最大的麻烦……