Question

我已经定义了一个自定义元素chat-view并将其显示在页面上：

<!DOCTYPE html>

<html>
  <head>
    <title>index</title>
     <script src="packages/polymer/boot.js"></script>
    <link rel="import" href="chat_view.html">
  </head>

  <body>   
    <chat-view id="chat">
    </chat-view>

    <script type="application/dart" src="index.dart"></script>
  </body>
</html>

然后我查询聊天视图：

final ChatView chatView = query("#chat");

上一行导致以下异常：

Exception: type 'UnknownElement' is not a subtype of type 'ChatView' of 'chatView'.

有没有办法以这样的方式查询我的自定义元素，以便获得ChatView的对象，而不是UnknownElement？

Answer 1

经过一番挖掘，我发现自定义元素实例是通过UnknownElement的xtag属性访问的。

final ChatView chatView = query("#chat").xtag;

查询自定义元素将作为UnknownElement返回

1 个答案: