Question

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

        <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 is="iron-input" label="Phone Number" value="@Model.PhoneNumber" name="PhoneNumber"></paper-input>

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

Answer 2

使用value属性设置纸张输入文本。试试这个

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

如何将Polymer元素绑定到ASP.NET中的Model

2 个答案: