1

質問：

このPlunkでは、Polymer 1.0 要素<paper-button>と<paper-menu>.

それ、どうやったら出来るの？

言い換えると、<script>and<link>タグとそれぞれsrcの andhref属性の適切なセットとは、 my <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 に答える