在自定义聚合物元素模板的svg标记的内容中使用svg子标记

Question

我的页面中有以下内容：

<tag-graph id="graph">
  <circle cx="50" cy="50" r="20"></circle>
</tag-graph>

以及另一个文件中的以下自定义元素

<link rel="import" href="packages/polymer/polymer.html">
<!-- template possibly for graph visualization using svg -->
<polymer-element name="tag-graph">
  <template>
    <style></style>
    <svg>
      <content></content>
    </svg>
  </template>
  <script type="application/dart" src="tag-graph.dart"></script>
</polymer-element>

每当我尝试在Dart编辑器中运行它时，我从Polymer.js获得ReferenceError。

删除<svg>标记并用原始文本替换<circle>标记会导致预期的执行（即我非常确定我的脚本和html文件已正确链接[尽管文本永远不会将它变成进入，其中内容标记是]），我怀疑这与我试图与svg元素过于愚蠢有关，但我坦率地说这个东西很新我不知道。

修改

我想我刚刚在Dart编辑器中破坏了我的运行配置。我会更多地了解它，看看出了什么问题。

编辑编辑

修复后，我不再获得ReferenceError（发生愚蠢的事情），但我仍然没有看到自定义元素中的圆圈。此外，我可以验证以下情况与上述情况相反，表现如预期：

<tag-graph id="graph">
  <svg><circle cx="50" cy="50" r="20"></circle></svg>
</tag-graph>

和

<link rel="import" href="packages/polymer/polymer.html">
<!-- template possibly for graph visualization using svg -->
<polymer-element name="tag-graph">
  <template>
    <style></style>
    <content></content>
  </template>
  <script type="application/dart" src="tag-graph.dart"></script>
</polymer-element>