ポリマー2.0から

Question

を示していないカスタムコンポーネント私はちょうどpolymer 2.0の学習を開始し、私は簡単なテストを実行します。あなたはすでに私を見ることができるように

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をコピーします<my-view1 name="view1"></my-view1>を<h2>Hello [[prop1]]</h2>の下に追加します。しかし、ブラウザではレンダリングされませんでした。

どうすれば解決できますか？

Update01：

私はちょうど私のデベロッパーコンソールをチェックして、私がmy-view1で#shadow-rootていないように思える：スターターキットでは

を、それは次のようになります。

これは、my-view1のレンダリングが行われていないことを意味しますか？

Answer 1

my-view1をlong-calendar-app.htmlにインポートする必要があります。

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