我想在一个库中定义多个 Web Web 组件。像这样:
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 组件类都必须在自己的库中定义。