Question

Definition:

<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>

Instantiation:

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

or

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

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.

Answer 1

@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>