Полимер 1,0 двухстороннее связывание с текстовой

Question

У меня есть эти простые данные двухсторонние связывания с текстовой:

<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 вместо текста, который я только что напечатал. Что я сделал неправильно здесь?

Answer 1

Чтобы разрешить привязку данных, вы должны использовать <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> 

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