Можно ли частично обновить полимер 3? - PullRequest
Новая
       33

Можно ли частично обновить полимер 3?

0 голосов
/ 28 декабря 2018

Я пытаюсь обновить свое приложение с полимера 2 до полимера 3. Я попробовал через модулятор, но приложение сломалось.Это приложение большого размера, поэтому я планирую обновлять элементы по одному.Можно ли обновить какую-то часть приложения (элементов) до полимера 3.

Я преобразовал один из моих элементов приложения в соответствии с синтаксисом полимера 3, а затем попытался импортировать его в другой элемент, как показано ниже, но он не работает,

См. Пример ниже, 

import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import '@polymer/polymer/lib/elements/dom-if.js';
import '@polymer/paper-checkbox/';
import { setPassiveTouchGestures } from '@polymer/polymer/lib/utils/settings';

class StartPolymer3 extends PolymerElement {
  static get properties () {
    return {
      message: {
        type: String,
        value: ''
      },
    };
  }

  constructor() {
    super();
  }

  ready(){
    super.ready();
  }

  static get template () {
    return html`
      <style>
        paper-checkbox {
          --paper-checkbox-checked-ink-color: #FFFFFF;
          --paper-checkbox-unchecked-ink-color: #FFFFFF;
        }
      </style>
      <h1>Start Polymer 3.0</h1>
      <p>[[message]]</p>
      <paper-checkbox id="omgpie">I like pie.</paper-checkbox>
    `;
  }
}

customElements.define('start-polymer3', StartPolymer3);

Здесь элемент StartPolymer3 преобразован как элемент полимера 3, теперь я должен использовать его внутри другого элемента, который написан на полимере 2. Я пробовал как нижевнутри полимера2 элемент, но он не работает.

 <script type="module">
   import { StartPolymer3 } from '../views/start-polymer3.js';
</script>

<start-polymer3 message="testHello"></start-polymer3>

1 Ответ

0 голосов
/ 28 декабря 2018

API Polymer 3.0 почти на 100% обратно совместим с Polymer 2.x - единственными изменениями являются удаление API, связанных с импортом HTML (например, importHref), и преобразование API Polymer в модульный, а не глобальный интерфейс.Здесь связаны ссылка

...