Emberjs live serverside Validierung

Question

Ich habe es geschafft, die Eingabe zu meinem Server gehen, und der Server reagiert, wenn die Eingabe gültig ist, oder ein Fehlerobjekt zurückgegeben, wenn nicht.

Ich bin nur nicht sicher, wie Sie das zurückgegebene Fehlerobjekt verwenden, um tatsächlich etwas zu tun. Es gibt viele Beispiele im Internet, wie man das Fehlerobjekt durchläuft und die Nachricht anzeigt, aber das ist nicht genau das, wonach ich suche.

Ich habe eine Form Komponente, die eine Reihe von Feldern hat, die wie folgt aussehen:

{{input type="text" value=account.twitterId class="input" focus-out="validateInput"}} 

und ValidateInput in der Komponente sieht aus wie

validateInput() { 
    let account = get(this, 'account'); 

    account.save().then(() => { 
    console.log('success!'); // add class to the input field 
    }).catch((adapterError) => { 
    console.log(account.get('errors')); // add different class to the input field 
    console.log(adapterError); 
    }); 
}, 

Wie oben erwähnt, löst dies und liefert entweder erfolgreich oder Fehlermeldung

Aber wie nehme ich das Ergebnis und verwende es, um Klassen zum Klassenschlüssel des Eingabefeldes hinzuzufügen?

Ich habe versucht, mit den folgenden

hasError: false, 

    actions: { 

    validateInput() { 
    let account = get(this, 'account'); 

    account.save().then(() => { 
     set(this, 'hasError', false); 
    }).catch((adapterError) => { 
     set(this, 'hasError', true); 
    }); 
    }, 

}

Und dann if-Anweisung in der Front, die Art gearbeitet, aber wieder Auslöser nicht, wenn der Benutzer für eine die Eingabe ändert zweites Mal.

Soll ich eine berechnete Eigenschaft dafür verwenden? Wenn ja, wie würde man aussehen?

Answer 1

Ihr Plan sollte funktionieren. Ich habe einen Ember Twiddle erstellt, den du als Referenz verwenden kannst. Ich habe das Modell ein wenig optimiert, um zufällige Erfolgs-/Misserfolg-Versprechungen zu ermöglichen, die von einer save()-Methode zurückkommen, aber der Rest ist ziemlich identisch mit dem, was Sie gepostet haben. Öffnen Sie Ihre Konsole, während Sie aus dem Twiddle herausschauen, um das Ergebnis des Versprechens zu sehen, das zurückgegeben wird. Ich verwende eine Vorlage wie Sie es empfohlen haben, um dem Benutzer Feedback zu geben.

https://ember-twiddle.com/3398d28381a4c0afb71cb5d59f271e36

Lassen Sie mich wissen, wenn Sie Fragen zwischen der Implementierung haben und was ich in der twiddle haben. ✌