dart - 将多个 Web 组件类放入一个库中

Question

我想在一个库中定义多个网络组件。像这样:

library myapp;

import 'package:web_ui/web_ui.dart';

class Component1 extends WebComponent {
  int count = 0;
  void increment() {
    count++;
  }
}

class Component2 extends WebComponent {
  int count = 0;
  void increment() {
    count++;
  }
}

然后像这样在 html 文件中使用它们:

<script type="application/dart" src="myapp.dart"></script>

<element name="x-component1" constructor="Component1" extends="div">
  <template>
    <button on-click="increment()">Click me</button>
    <span>(click count: {{count}})</span>
  </template>
</element>

<element name="x-component2" constructor="Component2" extends="div">
  <template>
    <button on-click="increment()">Click me</button>
    <span>(click count: {{count}})</span>
  </template>
</element>

<div is="x-component1"></div>
<div is="x-component2"></div>

当我尝试运行这个程序时，我得到:

类“Component1”中没有声明构造函数“Component1.forElement”。

我的问题:

有没有办法将多个 Web 组件类放入一个库中？因为现在看起来每个 Web 组件类都必须在其自己的库中定义。

Answer 1

我认为目前没有办法使这项工作正常进行。我打开了:https://github.com/dart-lang/web-ui/issues/389跟踪错误。