如何在 ASP.NET 中将 Polymer 元素绑定到模型

Question

我在使用 Polymer 的视图中显示我的模型没有问题，例如：

        <paper-icon-item>
            <iron-icon icon="communication:phone" item-icon></iron-icon>
            <paper-item-body two-line>
                <div>@Model.PhoneNumber</div>
                <div secondary>Phone Number</div>
            </paper-item-body>
        </paper-icon-item>

但我只是没有得到正确的输入绑定

    //this does not work
    <paper-input label="Phone Number">@Model.PhoneNumber</paper-input>

    //nor this
    <paper-input is="iron-input" label="Phone Number">@Model.PhoneNumber</paper-input>

    //even when I try adding this...
    <script>
        Polymer({
        })
    </script>

...加上无数其他尝试。绑定无法以一种或两种方式工作（我无法显示现有数据或更新数据）

控件看起来正确，非常酷，动画等

Answer 1

您使用 value 属性 设置 paper-input 的文本。试试这个

<paper-input label="Phone Number" value="@Model.PhoneNumber"></paper-input>
<paper-input is="iron-input" label="Phone Number" value="@Model.PhoneNumber"></paper-input>

Answer 2

您可以绑定到纸张输入value 属性

<paper-input is="iron-input" label="Phone Number" value="@Model.PhoneNumber" name="PhoneNumber"></paper-input>

此外，为了将值返回到服务器（如果您将表单发送到服务器），您可能需要将 name 属性添加到您的输入中，以便 MVC 知道如何将您的输入绑定到模型 属性.