ポリマーアイコンと紙のアイコンが

を表示されない私は、入力ヘッダと呼ばれるポリマー1.xの要素を持っており、それは次のように私は私のindex.htmlにそれが含まれているこのポリマーアイコンと紙のアイコンが

<link rel="import" href="../../bower_components/polymer/polymer.html"> 

<dom-module id="input-header"> 

    <template> 

    <style> 
     .dropdown-content { 
     padding: 0px; 
     } 
    </style> 

    <paper-toolbar> 

     <paper-icon-button icon="mail"></paper-icon-button> 
     <iron-icon icon="image:transform"></iron-icon> 
     <div class="title">Left</div> 

     <paper-menu-button horizontal-align="right" vertical-align="top"> 
     <paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button> 
     <div class="title">Right</div> 
     </paper-menu-button> 
    </paper-toolbar> 

    </template> 

    <script> 
    Polymer({ 

     is: 'input-header', 

     properties: { 

     label: { 
      type: String, 
      notify: true 
     } 

     } 

    }); 
    </script> 

</dom-module>

次のようになります。

<body unresolved id="app"> 

    <input-header label="Left"></input-header> 

</body>

しかし、ここで

出典

2015-12-26 Das

あなたは –

見られるように、何らかの理由で、紙アイコンまたは鉄のアイコンは表示されません。

更新：あなたは、グローバルにも、この特定の要素では、paper-icon-button、iron-iconとimage-icons.htmlをインポートする必要があり、この作業demo

を参照してください。私はあなたがインストールされていることを前提とし、この

<!-- import the iron-icon & paper-icon-button custom element --> 
<link rel="import" 
    href="path/to/iron-icons/iron-icons.html"> 

    <!----- this is required for iron-icon image:transform to work -----> 
<link rel="import" 
    href="path/to/iron-icons/image-icons.html"> 
<!----------------------------------------------> 

<link rel="import" 
    href="path/to/paper-icon-button/paper-icon-button.html"> 
<link rel="import" 
    href="path/to/paper-toolbar/paper-toolbar.html"> 
<link rel="import" 
    href="path/to/paper-menu-button/paper-menu-button.html">

のように/ iron-iconおよび他の要素をダウンロードしました。あなたは亭を使用している場合は、この

bower install --save PolymerElements/iron-icon 
    bower install --save PolymerElements/paper-icon-button

検索亭は鉄のアイコンのバグは私の-icons.htmlと呼ばれるファイルが含まれてポリマースターターキットのアーティファクトであるPolymer Element Catalog

出典

2015-12-27 07:11:01

申し訳ありません '紙icon'と'鉄icon'をインポートする必要がありますが、デモが動作していませんか？ – LoveAndHappiness

それは昨日まで働いていましたが、ポリマー要素のソースは 'http：// element-partyです。xyz/'はクロスソースリソース共有ポリシーによってブロックされます。 –

[ここ]（http://jsbin.com/haharaweno/edit?html,outputは） –

から他の要素のためのコマンドをインストールします。このファイルは、低レベルのアイアンアイコンファイルの1つと同じ名前です。当然それが私たちが本当に望むものよりも優先されます。

my-icons.htmlの名前をanythingEless -icons.htmlまたはmy-icons.html.buggyに変更すると、即座にアイロンアイコンが表示されます。ウーホー。また、思わ

出典

2016-10-28 18:15:56 user2847872

ありがとうございます更新デモです！これはまさに問題でした。 –

、以来ポリマー2.0.1、

紙・アイコン・ボタンは、はデフォルトアイコンセットが含まれていませありません。だから、

、PolymerElements /鉄アイコン/鉄icons.htmlは別途を含めるべきです。

はここで完全な説明である：

紙・アイコン・ボタンは、デフォルトのアイコンのセットが含まれていません。デフォルトのセットからアイコンを使用するには、 PolymerElements /鉄アイコン/鉄icons.html、および使用するように設定アイコンからアイコンを指定するには、アイコン属性を使用しています。より詳細な情報をご覧ください

： https://www.webcomponents.org/element/PolymerElements/paper-icon-button

出典

2017-09-27 15:29:28

ポリマーアイコンと紙のアイコンが

答えて

関連する問題