如何在实例化dart web组件时通过属性传递常量或字面数据？ [英] How to pass a constant or literal data via an attribute while instantiating dart web component?

问题描述

定义：

<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

Nothing is working. Here something is not a variable. Its a string literal. How do i go about passing it? Also what if i want to instantiate array of x-cards? Say i have a dart array named cardTitleArray.

推荐答案

@financeCoding，数据值已弃用。他们说使用 attribute = value 而不是 data-value =attribute：value。

@financeCoding, data-value is deprecated. They say use attribute=value instead of data-value="attribute:value".

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

Never mind, my problem is solved. The following works.

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

这篇关于如何在实例化dart web组件时通过属性传递常量或字面数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！