2014-10-30 10 views
5

में कोर तत्वों और पेपर तत्वों को आयात करने के लिए कैसे करें JSFiddle में मैं core elements और paper elements आयात कैसे कर सकता हूं।JSFiddle

मैं उन बयानों के माध्यम से polymer का आयात कर रहा हूँ:

<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.4.2/platform.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.4.2/polymer.js"></script> 

कैसे उदाहरण core-input या paper-input के लिए आयात कर सकते हैं?

उत्तर

8

बहुलक परियोजना साइट से हाँ या मैं अपने CloudFlare CDN लगता है अगर आप स्थान

<script src="http://www.polymer-project.org/platform.js"></script> 
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html"> 
<link rel="import" href="http://www.polymer-project.org/components/paper-button/paper-button.html"> 
<link rel="import" href="http://www.polymer-project.org/components/core-header-panel/core-header-panel.html"> 

यह सिर्फ देव के लिए और नहीं उत्पादन है।

यदि आपको polymer elements मिल गया है तो अपना तत्व चुनें और बटन प्राप्त करें जो एलिमेंट प्राप्त करता है यह आपको एक आयात लिंक के साथ पॉपअप देगा। अभी भी प्रगति में एक काम - -

इसके अलावा, आप एक अच्छा विकल्प से here

+0

ऐसा लगता है इन अब 1.0 के बाद से काम करते हैं। वे '404' देते हैं। लेकिन आप उन्हें [बहुलक-सीडीएन] (https://github.com/download/polymer-cdn) से पकड़ सकते हैं। –

+0

आह मैंने इसे समझ लिया। पुराने संस्करण के लिए इनका उपयोग अभी भी किया जा सकता है, लेकिन आपको यूआरएल में '0.5' जोड़ना होगा: http://www.polymer-project.org/0.5/components/polymer/polymer.html –

+0

मुझे लगता है कि यह बहुत डरावना है हालांकि वह ('0.5' के अलावा) यूआरएल में कोई संस्करण नहीं है। मैं व्यक्तिगत रूप से सोचता हूं कि आपको हमेशा एक विशिष्ट संस्करण में यूआरएल का उपयोग करना चाहिए, कुछ 'मास्टर' के लिए नहीं जो किसी भी पल में बदल सकता है ... –

4

सभी कोर या कागज तत्वों के लिए एक लिंक मिल सकता है https://ele.io/

हाथी (यह "ऐली" कहते हैं) है एक सुव्यवस्थित माहौल है वेब घटक के साथ पुन: प्रयोज्य कस्टम HTML तत्वों की खोज, प्रयोग और साझा करने के लिए।

+0

यह वास्तव में पुराना दिखता है। दिसंबर 2014 को अंतिम बार गिटहब रेपो अपडेट किया गया, और ऐसा लगता है कि पॉलिमर 1.0 के लिए कोई समर्थन नहीं है। https://github.com/divshot/ele-web – Ajedi32

+2

यहां एली के रचनाकारों में से एक - इसे पॉलिमर 1.0 के लिए अपडेट करना अच्छा लगेगा, बस समय नहीं था। –

0

पॉलिमर 1.0 में लिखा मैं इस स्निपेट का उपयोग एक सरल घटक परीक्षण करने के लिए:

<link rel="import" href="https://raw.githubusercontent.com/Polymer/polymer/master/polymer.html"> 

<dom-module id="proto-element"> 
    <template> 
     <span>I'm <b>proto-element</b>. Check out my prototype.</span> 
    </template> 
</dom-module> 

<script> 
    Polymer({ 
     is: "proto-element", 
     ready: function() { 
      //... 
     } 
    }); 
</script> 

<proto-element></proto-element> 

http://jsfiddle.net/MartyIX/84b5sabw/

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