1

问题：

在这个 Plunk中，我想导入 Polymer 1.0 元素<paper-button>和<paper-menu>.

我怎么做？

换句话说，什么是正确的<script>and<link>标签集以及它们各自的srcandhref属性，可以让我的<paper-button>and<paper-menu>元素正常工作？

尝试：

在右边距，有一个搜索和导入外部库的选项。我用它来搜索 Polymer 1.0 并导入了以下内容。

<script data-require="polymer@1.0.0" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/webcomponentsjs/webcomponents-lite.js"></script>
<script data-require="polymer@1.0.0" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/polymer/polymer.html"></script>

注意：这是一个导入 Polymer 元素的 JS Bin。

4

2 回答 2

6

使用此 CDN 导入您的元素/脚本： https ://github.com/Download/polymer-cdn

因此，您的导入将是（取决于您要使用的版本）：

<script src="https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/webcomponentsjs/webcomponents-lite.js"></script>

<link rel="import" href="https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/paper-button/paper-button.html" />
<link rel="import" href="https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/paper-menu/paper-menu.html" />

如果您只需要为您的组件提供对聚合物的引用，请导入以下内容：

<link rel="import" href="https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/polymer/polymer.html" />

这对我来说正在工作。

于 2015-10-23T07:50:20.303 回答
-1

这里的例子

<!DOCTYPE html>
<html>  
<head>
  <meta charset="utf-8">
  <title>Polymer Bin</title>
  <base href="http://element-party.xyz/">
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="all-elements.html">
</head>
<body class="fullbleed layout vertical">
<x-element></x-element>
<dom-module id="x-element">
  <template>
    <style>...</style>
    <!-- Element markup goes here -->  
  </template>
  <script>
    (function(){
      Polymer({
        is: 'x-element'
      });
    })();
  </script>
</dom-module>
</body>
</html>
于 2015-07-22T08:39:19.523 回答