プレーンテキストが正しく要素に追加されていません

Question

[[myText]]の値が「Hello world」になると予想しています。私はマークアップをしました。

アイコンは期待どおりに表示されていますが、[[myText]]の値は... [[myText]]の値で、文字列ではありません。何か案は？

index.html.erb

<h1>Practice</h1> 
<xhome-item toggle-icon="polymer" my-text="Hello world."></xhome-item> 

xhome-item.html

<dom-module id="xhome-item"> 
    <link rel="stylesheet" href="xhome-item.css" /> 

    <template> 
    [[myText]]  // HERE HERE WHY isn't this set?? 
    <paper-button> 
     <iron-icon icon=[[toggleIcon]]></iron-icon> 

    </paper-button> 
    </template> 

    <script src="xhome-item.js"></script> 
</dom-module> 

xhome-item.js

Polymer({ 
    is: "xhome-item", 
    properties: { 
    toggleIcon: String, 
    myText: String 
    } 
}); 

xhome-item.css

:host { 
     display: inline-block; 
     } 

iron-icon { 
      fill: rgba(11, 31, 249, 0.64); 
      stroke: rgba(249, 11, 11, 0.89); 
      } 

:host([pressed]) iron-icon { 
          fill: rgba(249, 11, 11, 0.89); 
          } 

paper-button { 
    background: green; 
    color: yellow; 
} 

Answer 1

ITはここで働いています：Plunk

<template> 
    [[myText]]  // HERE it's OK 
    <paper-button> 
     <iron-icon icon=[[toggleIcon]]></iron-icon> 

    </paper-button> 
</template> 

シーム問題はコードではありません。オンラインの例を設定し、問題を理解しやすくするのがよい方法です。

編集：

コンソールログを確認すると、いくつかのエラーがありますか？

お問い合わせunregistered_custom_elements.bookmarklet.js