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的dart数组。

Answer 1

@financeCoding，不推荐使用数据值。他们说使用attribute=value代替data-value="attribute:value"。

没关系，我的问题解决了。以下作品。

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

Answer 2

查看确实引用'data-value'的代码

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

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

似乎实际代码并不使用它。您可以使用其他方式或现在或在线发布代码吗？在'：'之后可能需要一个空格？

如何在实例化dart Web组件时通过属性传递常量或文字数据？

2 个答案: