Question

我想在一个库中定义多个web webcomponents。像这样：

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来跟踪错误。

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

1 个答案: