javascript - Angular Select 的选项值为 space

Question

我有一个<select>与 ng-model ，其中一个选项是空格。当初始值为其他内容时，Angular 选择正确的选项，但当初始值为空格时，Angular 添加空选项。

我可以用 html 重现它，例如:

<select ng-model="a" ng-trim="false">
  <option value=" ">Default</option>
</select>

<select ng-model="b">
  <option value="x">Default</option>
</select>

和一个 Controller ，例如:

$scope.a = " ";
$scope.b = "x";

第一个选择将有一个空白选项，第二个选择将显示“默认”。添加ng-trim似乎没有帮助，而且我从数据库获取值，所以我不能轻易更改它们。

我可以使用 Angular 1.4.8、1.4.9(我正在使用的)和 1.5.8 重现该问题，全部来自 https://code.angularjs.org/ .

我这里有一个 fiddle :https://jsfiddle.net/d1cj3kzb/4/ 。

如何获得<select>当 ng-model 时显示正确的选项是否初始化为空格？

Answer 1

尝试在代码中声明一个具有默认值的变量，在本例中为空格，例如:

$scope.spaceChar = "";

然后在您的选择中:

<select ng-model="a" ng-trim="false">
    <option value="{{spaceChar}}">Default</option>
</select>