Zusatzgerätsraeume in AngularJS wählen Sie die Option

Question

ich eine question.I haben ein Formular mit wählen Sie die Option:

<select name="recName" ng-model="newMessage.recName"> 
    <option ng-repeat="player in newMessage.gamePlayers"> 
     {{player.name}} 
    </option> 
</select> 

Wenn ich die Form und Debug-js Datei einreichen, die recName Variable enthalten Spielernamen mit zusätzlichen Leerzeichen. Zum Beispiel ist der Spielername "Liam" und in recName ist "________Liam_______" nach dem Senden. (Ich habe _ hinzugefügt, weil Leerzeichen ignoriert wurden)

Weiß jemand, was vor sich geht? Vielen Dank.

Answer 1

Versuchen Sie, Ihren Code in eine Zeile zu setzen. So etwas wie das:

<select name="recName" ng-model="newMessage.recName"> 
    <option ng-repeat="player in newMessage.gamePlayers">{{player.name}}</option> 
</select> 

Answer 2

Zuerst überprüfen, ob die Daten newMessage.gamePlayers Leerzeichen vor dem Spielernamen enthält.

Wenn ja, dann können Sie die .trim() -Methode verwenden, um führende und nachfolgende Leerzeichen zu entfernen.

Wenn Nein, dann value-Attribut mit Option verwenden.

<select name="recName" ng-model="newMessage.recName"> 
    <option ng-repeat="player in newMessage.gamePlayers" value="{{player.name}}"> 
     {{player.name}} 
    </option> 
</select>