Polymer 1.0 двупосочно свързване с текстово поле

Имам това просто двупосочно обвързване на данни с textarea:

<dom-module id="my-element">
  <style>
  </style>

  <template>
    <button on-click="click">Click me!</button>
    <textarea>{{element}}</textarea>
  </template>
</dom-module>

<script>
  Polymer({
    is: "my-element",

    properties: {
      element: {
        type: String,
        value: "Default value",
        notify: true
      }
    },

    click: function() {
      console.log(this.element);
    }
  });
</script>

Текстовото поле се показва със „Стойност по подразбиране“. Когато променя тази стойност и след това щракна върху бутона, конзолата все още излиза Default value вместо текста, който току-що въведох. Какво направих погрешно тук?


javascript polymer-1.0
person Nam Thai    schedule 28.08.2015    source източник
comment
възможен дубликат на двупосочно свързване на Polymer.js към стойността на текстовото поле   -  person Günter Zöchbauer    schedule 29.09.2015

Отговори (1)


arrow_upward
0
arrow_downward

Трябва да използвате <iron-autogrow-textarea>, за да позволите обвързване на данни.

<dom-module id="my-element">
  <style>
  </style>

  <template>
    <button on-click="click">Click me!</button>
    <iron-autogrow-textarea bind-value="{{element}}"></iron-autogrow-textarea>
  </template>
</dom-module>

<script>
  Polymer({
    is: "my-element",

    properties: {
      element: {
        type: String,
        value: "Default value",
      }
    },

    click: function() {
      console.log(this.element);
    }
  });
</script>
</dom-module>

Документацията е тук.

person Flavio Ochoa    schedule 28.08.2015