重置聚合物纸张输入容器值和标签

Question

提交表单后,我无法在纸张输入容器内重置标签.表单是一个简单的登录表单.如果用户在没有页面刷新(从浏览器)的情况下再次登录,注销和重新登录,则标签似乎卡住,就好像输入中有值一样.

这是一张显示差异的图片:

这是元素内部的形式:

<form is="iron-form">

    <paper-input-container id="email_container">
        <paper-input-error>E-mail or Password is incorrect</paper-input-error>
        <label>E-Mail Address</label>
        <input is="iron-input" id="email" on-blur="validateEmail" value="{{emailInput::input}}">
        </paper-input-container>

        <paper-input-container id="password_container">
            <label>Password</label>
            <input is="iron-input" id="password" type="password" value="{{passwordInput::input}}">
        </paper-input-container>

    <paper-button raised dialog-dismiss>Cancel</paper-button>
    <paper-button raised on-tap="handleCsrf">Login</paper-button>

</form>

这两种方法都使形式到"登录后"状态相同:

//
this.emailInput = null;
this.passwordInput = null;

//
this.emailInput = "";
this.passwordInput = "";

我认为这会以某种方式重置整个容器,但它什么都不做:

this.$.email_container = null;
this.$.password_container = null;

Answer 1

铁输入

bindValue String 使用此属性而不是双向数据绑定的值。

   <paper-input-container id="email_container">
    <paper-input-error>E-mail or Password is incorrect</paper-input-error>
    <label>E-Mail Address</label>
    <input is="iron-input" id="email" on-blur="validateEmail" bind-value="{{emailInput::input}}">
    </paper-input-container>

    <paper-input-container id="password_container">
        <label>Password</label>
        <input is="iron-input" id="password" type="password" bind-value="{{passwordInput::input}}">
    </paper-input-container>

显然bindValue两者this.emailInput = null兼而有之this.set('emailInput, null)。