polymer form

http://stackoverflow.com/questions/27606486/value-not-bound-to-input-in-template

by kreide

HTML

<script src="https://www.polymer-project.org/0.5/components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="http://www.polymer-project.org/0.5/components/polymer/polymer.html">
    
<polymer-element name="my-foo">
    <script>
        Polymer('my-foo', {
            publish: {
                test: 1,
                foo: {
                    baa: 1.000
                }
            },
            // Fires when an instance of the element is created
            created: function() {}
        });
    </script>
    <template>
        <form>
            <input value="{{test}}">
            <input value="{{foo.baa}}">
        </form>
        <button>Submit</button>
    </template>
</polymer-element>
<my-foo></my-foo>