связывание с полимерным лит-элементом 0.6.2 не работает - PullRequest
Новая
       8

связывание с полимерным лит-элементом 0.6.2 не работает

0 голосов
/ 08 ноября 2018

У меня есть обновленная версия полимерного лит-элемента с 0.5.2 до 0.6.2, и привязка не работает, что я не так?

это HTML: 

<html>
  <head>
     <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
    <script src="./node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script> 
   
    </head>
  <body>
 
    <my-element feeling="good"></my-element>
    <script type="module" src="./index.js"></script>
</body> 
</html>

со старой версией 0.5.2 приведенный ниже код работал 

   import {LitElement, html} from '@polymer/lit-element';

    class MyElement extends LitElement {
        
    static get properties() {
        return {
          feeling:{type:String}
        }
      }

    
      
      _render({feeling}) {
        return html  `  i feel ${feeling}!`;
      }       


    }

    customElements.define('my-element', MyElement);

это с 0.6.2: 

import {LitElement, html} from '@polymer/lit-element';

    class MyElement extends LitElement {

      static get properties() {
        return {
          feeling:{type:String}
        }
      }
      render() {            
        return 
          html`  now i feel  ${this.feeling} !`;
      }       
    }

    customElements.define('my-element', MyElement);

Я считаю, что в версии 0.6.2 изменена функция _render () для render () и для свойства, если изменение в this.proprerty ..... но в render this.feeling не определено ....

можете мне помочь?

1 Ответ

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

Я не уверен, что случилось, но я удаляю пробелы перед тегом html ... в render ().

Теперь все работает нормально. Это была IDE, которая предупредила меня, что линия не должна работать. 

  render() {            
    return html`  now i feel  ${this.feeling} !`;
  }
...