angularjs选择选项中的附加空格答案

【问题标题】：Additional spaces in angularjs select optionangularjs选择选项中的附加空格
【发布时间】：2016-12-14 05:40:11
【问题描述】：

我有一个问题。我有一个带有选择选项的表单：

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

当我提交表单并调试 js 文件时，recName 变量包含带有额外空格的玩家名称。例如，玩家姓名为“Liam”，提交后recName为“____Liam_______”。（我加了 _ 因为空格被忽略了）

有人知道发生了什么吗？谢谢。

【问题讨论】：

能否请您提供您的 js 代码，或者如果您提供一个重现问题的插件会更好

标签： angularjs forms select

【解决方案1】：

尝试将您的代码放在一行中。类似的东西：

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

【讨论】：

【解决方案2】：

首先检查数据 newMessage.gamePlayers 是否在玩家姓名前包含空格。

如果是，那么您可以使用 .trim() 方法删除前导和尾随空格。

如果否，则使用带有选项的值属性。

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

【讨论】：

newMessage.gamePlayers 不包含空格。 Nigrimmist 所写的就是这个问题。 :)