如何通过属性传递一个恒定或文字数据在实例镖web组件?(How to pass a constant

2019-10-17 12:20发布

定义:

<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 ? 说我有一个名为DART阵列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

它似乎并不像实际的代码使用它。 你可以用其他的方式或现在或贴在网上的代码? 也许是以后需要空间“:”?



文章来源: How to pass a constant or literal data via an attribute while instantiating dart web component?