Question

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

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

当我提交表单并调试js文件时，recName变量包含带有额外空格的播放器名称。例如，玩家姓名是＆＃34; Liam＆＃34;并且在recName中是＆＃34; ________ Liam _______＆＃34;提交后。（我添加了_因为空格被忽略了）

有谁知道发生了什么事？感谢。

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（）方法删除前导和尾随空格。

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

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

angularjs中的其他空格选择选项

2 个答案: