폴리머 2.0-

Question

표시되지 않는 사용자 지정 구성 요소는 그냥 polymer 2.0을 배우기 시작하고 나는 빠른 테스트 할 : 이미 I을 볼 수 있듯이

my-view1.html: 
<link rel="import" href="../../bower_components/polymer/polymer-element.html"> 
<link rel="import" href="shared-styles.html"> 

<dom-module id="my-view1"> 
    <template> 
    <style include="shared-styles"> 
     :host { 
     display: block; 

     padding: 10px; 
     } 
    </style> 

    <div class="card"> 
     <div class="circle">1</div> 
     <h1>View One</h1> 
     <p>Ut labores minimum atomorum pro. Laudem tibique ut has.</p> 
     <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Cu mei vide viris gloriatur, at populo eripuit sit.</p> 
    </div> 
    </template> 

    <script> 
    class MyView1 extends Polymer.Element { 
     static get is() { return 'my-view1'; } 
    } 

    window.customElements.define(MyView1.is, MyView1); 
    </script> 
</dom-module> 

:

long-calendar-app.html: 
<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<link rel="import" href="shared-styles.html"> 
<dom-module id="long-calendar-app"> 
    <template> 
    <style include="shared-styles"> 
     :host { 
     display: block; 
     } 
    </style> 
    <h2>Hello [[prop1]]</h2> 
    <my-view1 name="view1"></my-view1><!--Added to test and see if it works--> 
    </template> 

    <script> 
    class MyApplication extends Polymer.Element { 
     static get is() { return 'long-calendar-app'; } 
     static get properties() { 
     return { 
      prop1: { 
      type: String, 
      value: 'long-calendar-app' 
      } 
     }; 
     } 
    } 

    window.customElements.define(MyApplication.is, MyApplication); 
    </script> 
</dom-module> 

단지가 starter-kit에서 MyView1 복사를 아래에 <h2>Hello [[prop1]]</h2>을 추가하십시오. 하지만 브라우저에서 렌더링되지 않았습니다.

어떻게 해결할 수 있습니까?

Update01 :

난 그냥 내 개발자 콘솔을 확인하고 내가 #shadow-rootmy-view1에없는 것처럼 보인다 : 스타터 키트에서

그것을해야한다 :

을

my-view1에 대한 렌더링이 수행되지 않는다는 의미입니까?

Answer 1

my-view1을 long-calendar-app.html로 가져와야합니다.

즉 <link rel="import" href="../my-view1/my-view-1.html">