폴리머 맞춤 데이터 구성 요소가 데이터를 보낼 수없는 이유

Question

<link rel="import" href="../../bower_components/polymer/polymer-element.html"> 
    <dom-module id="my-data"> 
     <script> 
     (function() { 
     let dataValue = [ 
      {num: 'T001', status: '4', bground: 'num-sub'}, 
      {num: 'T002', status: '4', bground: 'num-sub'}, 
      {num: 'T003', status: '4', bground: 'num-sub'}, 
     ]; 
    class MyData extends Polymer.Element { 
     static get is() { return 'my-data'; } 
     static get properties() { return { 
     data: { 
      type: Array, 
      value: dataValue, 
      readOnly: true, 
      notify: true 
     } 
     }} 
    } 
    window.customElements.define(MyData.is, MyData); 
     })(); 
     </script> 
    </dom-module> 

위와 같이 사용자 정의 요소 my-data.html을 만듭니다. 다음은 my-app.html의 사용법입니다. 내 데이터가 렌더링 될 수 있지만 my-app.html은 data: Array 속성으로 내 데이터 정보를 가져올 수 없습니다.

<my-data data="{{data}}"></my-data> 
    <dom-repeat items="{{data}}" as="entry"> 
     <template> 
     <my-num entry="[[entry]]" ></my-num> 
     </template> 
    </dom-repeat> 
</template> 
    <script> 
    class MyApp extends Polymer.Element { 
     static get is() { return 'my-app'; } 
     static get properties() { 
     return { 
      data: { 
      type: Array, 
      } 
     } 
     } 
    } 
    window.customElements.define(MyApp.is, MyApp); 
    </script> 

Answer 1

당신은 당신의 my-app.html 먼저 my-data.html 및 my-num.html을 가져와야합니다.

예 :

<link rel="import" href="my-data.html"> 
<link rel="import" href="my-num.html"> 

또한 my-num.html의 dom-module에 id 이름 my-name하지 kvs-num이어야한다.

dom-repeat도 my-app.html에 가져 오십시오. 이 그것은

<link rel="import" href="../../bower_components/polymer/lib/elements/dom-repeat.html"> 

Demo here