0

Polymer 1.0 アプリケーションを Polymer 2.0 (プレビュー) に移植したいと考えていました。

私はデータバインディングをサポートするために使用<template is="dom-bind">しました。index.htmlこれはPolymer 2でも可能ですか? コンポーネントとして試してみ<dom-bind>ましたが、うまくいきませんでした。

4

1 に答える 1

5

Polymer 2.0 では、アップグレード ガイドに記載されているように、必ず<template>内側をラップしてください。のみではなく、インポートするを含めることも重要です。<dom-bind>polymer.htmldom-bind.htmlpolymer-legacy.html

ポリマー 1.0:

<template is="dom-bind" id="app">
  ...
</template>

ポリマー 2.0:

<dom-bind id="app">
  <template>
    ...
  </template>
</dom-bind>


const app = document.getElementById('app');

app.message = 'Hello world!';
app.counter = 0;

app._onClick = function() {
  this.counter++;
};
<head>
  <base href="https://polygit.org/polymer+2.2.0/components/">
  <script src="webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="polymer/polymer.html">
</head>
<body>
  <dom-bind id="app">
    <template>
      <div>[[message]]</div>
      <div>[[counter]]</div>
      <button on-click="_onClick">Increment</button>
    </template>
  </dom-bind>
</body>

于 2017-01-03T06:52:33.877 に答える