將多個Web組件類放入一個庫

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 .forElement'在'Component1'類中聲明。

我的問題：

是否有把多個Web組件類到一個庫的方法嗎？因爲它看起來像現在每個Web組件類都必須在它自己的庫中定義。

Answer 1

我不認爲現在有辦法讓這項工作。我打開：https://github.com/dart-lang/web-ui/issues/389來追蹤錯誤。