角選擇與空間的選項值

Question

我有<select>與ng-model，其中一個選項是空間。當初始值是其他值時，角度選擇正確的選項，但是當初始值是空格時，角度會添加空白選項。

我可以用HTML重現它像：

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

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

和控制器，如：

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

的第一選擇將有一個空白選項，第二個會顯示「默認」。添加ng-trim似乎沒有幫助，我從數據庫中獲取值，因此我無法輕鬆更改它們。

我可以重現Angular 1.4.8，1.4.9（我正在使用）和1.5.8，全部來自https://code.angularjs.org/的問題。

我在這裏有一個小提琴：https://jsfiddle.net/d1cj3kzb/4/。

當ng-model被初始化爲一個空格時，我怎樣才能讓<select>顯示正確的選項？

Answer 1

嘗試聲明代碼中的變量有默認的值，在這種情況下的空間，如：

$ scope.spaceChar =「「;

，然後在您的選擇：

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

Answer 2

你可以試試這個？

應用NG-修剪到您的選擇：

<div ng-app="app" ng-controller="MyCtrl"> 
    <select ng-model="a" > 
     <option value=" " ng-trim="true">Default</option> 
    </select> 

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

結合之前修剪你的變量。

angular.module("app", []) 
    .controller("MyCtrl", 
    function ($scope) { 
     $scope.a = (" ").trim(); 
     $scope.b = "x"; 
    } 
);