Come posso importare core elements e paper elements in JSFiddle.Come importare elementi di base ed elementi di carta in JSFiddle
Sto importando polymer attraverso quelle dichiarazioni:
<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>
Come può importare ad esempio core-input o paper-input?
Sì dal sito del progetto polimero o immagino la vostra CDN CloudFlare se si conosce la posizione
<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">
Questo è solo per il dev e non di produzione.
Se si goto polymer elements quindi scegliere il proprio elemento e fare clic sul pulsante che dice Ottieni elemento che vi darà un popup con un collegamento di importazione.
Inoltre è possibile ottenere un link per tutti gli elementi di base o di carta da here
Una buona alternativa - ancora un work in progress - è https://ele.io/
Ele (lo chiamano “Ellie”) è un ambiente semplificato per esplorare, sperimentare e condividere elementi HTML personalizzati riutilizzabili realizzati con Web Components.
Sembra davvero superata. GitHub repo ultimo aggiornamento dicembre 2014 e sembra che non ci sia supporto per Polymer 1.0. https://github.com/divshot/ele-web – Ajedi32
Uno dei creatori di Ele qui - mi piacerebbe aggiornarlo per Polymer 1.0, semplicemente non ne ho avuto il tempo. –
Per testare un semplice componente scritto in Polymer 1.0 Io uso questo frammento:
<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>
sembra che questi non funzionano più dal 1.0. Danno '404'. Ma puoi prenderli da [polymer-cdn] (https://github.com/download/polymer-cdn). –
Ah l'ho capito. Per la vecchia versione questi possono ancora essere usati, ma devi aggiungere '0.5' all'URL: http://www.polymer-project.org/0.5/components/polymer/polymer.html –
Penso che sia molto spaventoso sebbene ciò (a parte il '0.5') non ci sia alcuna versione nell'URL. Personalmente penso che dovresti sempre usare gli URL per una versione specifica, non per un "master" che può cambiare in qualsiasi momento ... –