AngularJS: Wie überprüft man die Verfügbarkeit des Benutzernamens?

Question

Ich habe ein Eingabefeld eingegeben, um den Benutzernamen einzugeben. Ich möchte die Verfügbarkeit des Benutzernamens prüfen und Fehler-/Erfolgsmeldungen wie die Validierung des Benutzernamens im unteren Code anzeigen. Was ist der beste Weg, dies zu tun?

<div class="form-group col-md-8"> 
    <p>User Name*:</p> 
    <input type="text" name="uname" class="form-control" ng-model="uname" ng-model-options="{ debounce: 800 }" ng-change="check(uname)" required /> 
    <span style="color:red" ng-show="form.uname.$dirty && form.uname.$invalid"> 
    <span ng-show="form.uname.$error.required">User Name is Required</span> 
    </span> 
</div> 

Answer 1

Sie können ng Änderungsrichtlinie und rufen Sie eine Funktion verwenden, die Server anrufen und prüfen, ob Benutzernamen vorhanden ist oder nicht und abhängig von dieser Anzeigefehler/Erfolg zum Benutzer.

Ich nehme an, dass ist was bereits getan worden ist und ich sehe keine andere Alternative abgesehen von einem Serveranruf.

Answer 2

aussehen wie Sie Formularelement fehlt

<form name="myForm"> 
     <label> 
      User name: 
      <input type="text" name="userName" ng-model="user.name" required> 
      <span class="error" ng-show="myForm.userName.$error.required"> 
       Required! 
      </span> 
     </label> 
</form>