5

如何在JSFiddle中导入核心元素纸张元素

我通过这些陈述进口聚合物:

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

4

3 回答 3

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

这仅适用于开发而不是生产。

如果您转到聚合物元素,然后选择您的元素并单击显示“获取元素”的按钮,它将为您提供一个带有导入链接的弹出窗口。

您还可以从此处获取所有核心或纸质元素的链接

于 2014-10-30T14:19:40.383 回答
4

一个不错的选择 - 仍在进行中 - 是https://ele.io/

Ele(称它为“Ellie”)是一个简化的环境,用于探索、试验和共享使用 Web 组件制作的可重用自定义 HTML 元素。

于 2014-10-30T19:43:17.863 回答
0

为了测试一个用 Polymer 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/

于 2015-06-20T13:20:13.467 回答