Polymer 聚合物2.0双向结合

我正在试验Polymer 2.0，并有一个简单的课程。它有一个在更改内容时不响应的输入文本框。需要什么来反映文本框的更改以反映为双向绑定

该类的代码如下所示

---

我假设您希望

问候语

显示在

下方，与您键入的内容完全一致。您需要在

的

输入事件中使用：

<input type="text" value="{{greeting::input}}">



我认为值得一提的是，您也可以编写
{{{greeting:：keyup}
而不是
{{{greeting:：input}
。顾名思义，
问候语
作用域属性将在您释放输入键时更新。OP询问Polymer 2.0，但链接的文档是Polymer 1。0@neverendingqs更新以保持一致性。注：1.0文档中的相关章节与2.0文档相同。
// Extend Polymer.Element base class
class Polymer2Class extends Polymer.Element {
  static get is() { return 'polymer-2-class' }
  static get config() {
    return {
      properties: {
        greeting: {
          type: String,
          value: "Hello",
          notify: true
          //observer: 'greetingChanged'
        }
      },
      observers: [
        'greetingChanged(greeting)'
       ]
    }
  }
  constructor() {
    super();
    console.log('created');
  }
  connectedCallback() {
    super.connectedCallback();
    console.log('attached');
  }
  ready() {
    this.addEventListener('click', (e)=>this.handleClick(e));
    this._ensureAttribute('tabIndex', 0);
    super.ready();
    console.log('ready');
  }
  greetingChanged(greeting) {
    if(greeting === undefined) {
      console.log("greetingChanged: undefined");
    } else {
      console.log("greetingChanged: " + greeting);
    }
  }
  handleClick(e) {
    console.log("hamdleClick: " + e.type);
  }

// Register custom element definition using standard platform API
customElements.define(Polymer2Class.is, Polymer2Class);

<input type="text" value="{{greeting::input}}">