Дополнительные места в angularjs выберите опцию

Question

У меня есть question.i есть форма с выберите опцию:

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

Когда я отправить файл JS форму и отладки, переменная recName содержит имя игрока с дополнительными пробелами. Например, имя игрока - «Лиам», а в recName - «________Liam_______» после отправки. (я добавил _, потому что пробелы были проигнорированы)

Кто-нибудь знает, что происходит? Благодарю.

Answer 1

Попробуйте ввести код в одну строку. Что-то в этом роде:

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

Answer 2

Сначала проверьте, содержат ли данные newMessage.gamePlayers пробелы перед именем игроков.

Если да, то вы можете использовать метод .trim() для удаления начальных и конечных пробелов.

Если нет, используйте атрибут value с опцией.

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