다트 웹 구성 요소를 인스턴스화하는 동안 속성을 통해 상수 또는 리터럴 데이터를 전달하는 방법은 무엇입니까?

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, data-value는 더 이상 사용되지 않습니다. 그들은 data-value="attribute: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

이 보이지 않는다. 다른 방법을 사용하거나 지금 온라인으로 코드를 게시 할 수 있습니까? 어쩌면 ':'다음에 공백이 필요할까요?