input value binding & observer not working in polymer

1
votes

I tried the code below

<input value="{{input}}">

input property inside javascript Polymer({property: {}})

input: {
    observer: "_input",
    type: String,
    value: "Z"
}

initially <input> show "Z" as its value but input property inside javascript Polymer({property: {}}) is not updating with the change in the <input> & observer is not called

i tried this also but not working

<input bind-value="{{input}}">

How i do this in Polymer-1.0 ?

2
javascriptpolymerpolymer-1.0web-component

2 Answers

1
votes

is="iron-input" & bind-value="{{owner}}" both are required

    <input is="iron-input" bind-value="{{owner}}">

I found it from their doc example

1
votes

You could do it too if you write {{nameOfTheProperty::input}} inside the value like the next line:

<input value="{{myValue::input}}">

I think this way is better than iron-input because you don't have to import the iron-input element. You can read more about it here:

https://github.com/PolymerElements/iron-input