पॉलिमर आइकन और कागज प्रतीक प्रदर्शित नहीं

मैं एक बहुलक 1.x तत्व कहा जाता है इनपुट हेडर है और यह इसपॉलिमर आइकन और कागज प्रतीक प्रदर्शित नहीं

<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>

मैं अपने index.html में यह भी शामिल है के रूप में इस तरह दिखता है:

<body unresolved id="app"> 

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

</body>

लेकिन किसी कारण से, कागज आइकन या लोहे के प्रतीक के रूप में यहाँ

स्रोत

2015-12-26 Das

आप 'कागज icon' और' लौह icon' आयात करने के लिए है –

देखा दिखाई नहीं देती हैं

अद्यतन:इस काम कर demo

आपके पास paper-icon-button, iron-icon और image-icons.html, या तो विश्व स्तर पर या इस विशेष तत्व में आयात करने के लिए देखें। इस

<!-- 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

खोज बोवर Polymer Element Catalog

स्रोत

2015-12-27 07:11:01

खेद है, लेकिन डेमो काम नहीं कर रहा? – LoveAndHappiness

यह कल तक काम कर रहा था, अब बहुलक तत्व स्रोत 'http: // element-party।xyz/'क्रॉस-ओरिजिनल संसाधन साझाकरण नीति द्वारा अवरुद्ध है। –

[यहां] (http://jsbin.com/haharaweno/edit?html,output) एक अद्यतन डेमो –

से अन्य तत्वों के लिए आदेश स्थापित लौह प्रतीक बग पॉलिमर स्टार्टर किट एक फ़ाइल मेरी-icons.html कहा जाता है शामिल है कि के एक विरूपण साक्ष्य है । यह फ़ाइल समान रूप से लोहे के लोहे-आइकन फ़ाइलों में से एक के रूप में नामित है। स्वाभाविक रूप से यह उस व्यक्ति को ओवरराइड करता है जिसे हम वास्तव में चाहते हैं।

my-icons.html को पर कुछ भी नाम दे रहा है -icons.html या my-icons.html.buggy तुरंत लौह-आइकन उपलब्ध कराएगा। वू हू।

स्रोत

2016-10-28 18:15:56 user2847872

धन्यवाद! यह बिल्कुल मुद्दा था। –

यह भी लगता है, के बाद से पॉलिमर 2.0.1,

कागज आइकन बटन नहीं एक डिफ़ॉल्ट आइकन सेट शामिल है।

तो, PolymerElements/लौह माउस/लौह icons.htmlअलग शामिल किया जाना चाहिए।

यहाँ पूर्ण विवरण है:

कागज आइकन बटन एक डिफ़ॉल्ट आइकन सेट शामिल नहीं है। डिफ़ॉल्ट सेट से आइकन का उपयोग करने के लिए, पॉलिमर एलिमेंट्स/लोहे-आइकॉन/लोहे-आइकॉन.html शामिल करें, और आइकन विशेषता का उपयोग करने के लिए आइकन निर्दिष्ट करने के लिए आइकन विशेषता का उपयोग करें।

में अधिक विस्तृत जानकारी यहां जाएं: https://www.webcomponents.org/element/PolymerElements/paper-icon-button

स्रोत

2017-09-27 15:29:28

पॉलिमर आइकन और कागज प्रतीक प्रदर्शित नहीं

उत्तर

संबंधित मुद्दे