dart - 如何在实例化 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

实际代码似乎没有使用它。您可以使用其他方式还是现在或在线发布代码？也许在 ':' 之后需要一个空格？