polymer data binding

37 views
Skip to first unread message

sag...@126.com

unread,
Jun 28, 2017, 8:17:28 PM6/28/17
to Polymer
why in polymer older version we can direct to binding property value use other element like "{{$.core_input.value}}",but  in polymer 2.0 impossible.impossible.
 <core-input willvalidate placeholder="Type something..." inputvalue="wwwwwwwww" value="wwwwwwwww" id="core_input"></core-input>
    <core-input willvalidate placeholder="Type something..." inputvalue="{{ $.core_input.value }}" value="{{ $.core_input.value }}" id="core_input2"></core-input>


Daniel Llewellyn

unread,
Jul 1, 2017, 7:45:54 PM7/1/17
to sag...@126.com, Polymer
Use a proper variable when binding:



<core-input id=“core_input” value=“{{core_input_value}}”></core-input>
<core-input inputvalue=“[[core_input_value]]”></core-input>



Alternatively use a computed binding:



<core-input id=“core_input” value=“foo”></core-input>
<core-input inputvalue=“[[core_input_value()]]”></core-input>

class your_component extends Polymer.Element {
// fill the rest yourself per standard patterns

core_input_value() {
return this.$.core_input.value;
}
}



Regards,
Daniel Llewellyn.
Reply all
Reply to author
Forward
0 new messages