asp.net - 如何将 Polymer 元素绑定(bind)到 ASP.NET 中的模型

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>

但我只是没有获得正确的输入绑定(bind)

    //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>

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

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

Answer 1

您可以绑定(bind)到 value纸张输入的属性

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

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