如何在實例化dart Web組件時通過屬性傳遞常量或文字數據？

Question

定義：

<element name="x-card" constructor="Card" extends="div"> 
    <template> 
    <div>{{titleText}}</div> 
    </template> 
    <script type="application/dart"> 
    import 'package:web_ui/web_ui.dart'; 

    class Card extends WebComponent { 
     String titleText = ''; 
    } 
    </script> 
</element> 

實例化：

<x-card data-value="titleText:something"></x-card> 

或

<x-card titleText="something"></x-card> 

沒有什麼工作。 這裏something不是一個變量。它是一個字符串文字。我如何去通過它？ 另外如果我想實例化x-cards的數組呢？假設我有一個名爲cardTitleArray的飛鏢陣列。

Answer 1

@financeCoding，不推薦使用數據值。他們說使用attribute=value而不是data-value="attribute:value"。

沒關係，我的問題解決了。以下作品。

<x-card title-text="{{'Aint it supercool'}}"></x-card> 

Answer 2

看代碼，它提及「數據值」

http://www.dartlang.org/articles/dart-web-components/#component-instantiation

https://github.com/dart-lang/web-ui/blob/master/example/explainer/countcomponent.html

它似乎並不像實際的代碼使用它。您可以使用其他方式或現在或在線發佈代碼？ '：'之後可能需要空格？