Ich habe Probleme beim Zurücksetzen des Etiketts in einem Papiereingabebehälter nach dem Absenden eines Formulars. Das Formular ist ein einfaches Anmeldeformular. Wenn sich ein Benutzer ohne Seitenaktualisierung (über den Browser) an-, abmeldet und wieder einloggt, scheint die Beschriftung so zu hängen, als ob in der Eingabe ein Wert vorhanden wäre.Zurücksetzen Polymerpapier-Eingabebehälter Wert und Etikett
Hier ist ein Bild, um den Unterschied zu zeigen:
Hier ist die Form innerhalb des Elements:
<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>
Diese beiden Ansätze die Form erhalten sowohl auf die „nach dem Login“ Zustand der gleich:
//
this.emailInput = null;
this.passwordInput = null;
//
this.emailInput = "";
this.passwordInput = "";
ich dachte, das würde Rese t der gesamte Behälter irgendwie, aber es tut nichts:
this.$.email_container = null;
this.$.password_container = null;
Die für benutzerdefinierte Eingaben wie '' zu sein scheint. Meins ist nur eine regelmäßige Eingabe als Eisen-Input. Es ist fast wörtlich aus den Polymer-Dokumenten. –
anthony
Versucht dies ist nicht das Problem zu lösen. Ich glaube auch, dass die Syntax dies ist. $. emailInput = null –
'bind-value' -Eigenschaft implementiert Zwei-Wege-Bindung. Die 'value' -Eigenschaft benachrichtigt nur aufgrund von Benutzereingaben. Dann greifen Sie auf die Zwei-Wege-Bindung über 'event.target.bindValue' im' tapp-'Event-Handler oder' this.email.bindValue' (mit der ID 'email') zu. Relevanter Dokument [hier] (https://elements.polymer-project.org/elements/iron-input). – user982671