AngularJS：為ng-options中的選項設置值

Question

我擁有名為IsMarried客戶的布爾屬性
我想使用<select>標簽作為波紋管：

<select name="isMarried" id="isMarried" class="form-control" ng-model="customer.isMarried" ng-options="statue for statue in maritalStatues"></select>

我應該如何更改ng-options，因為我想在選項中將Yes設置為1 ，將No設置為0 。 我該怎么辦？

Answer 1

嘗試這個。 在您的控制器中

$scope.maritalStatues = [{statusKey: 0 , statusTitle : 'Unmarried'},{statusKey: 1 , statusTitle : 'Married'}];

在您的查看頁面上

 <select name="isMarried" id="isMarried" class="form-control" ng-model="customer.isMarried" ng-options="status.statusKey as status.statusTitle for status in  maritalStatues">
                </select>

Answer 2

您的狀態分別為0和1

標記

<select name="isMarried" id="isMarried" 
   class="form-control" ng-model="customer.isMarried" 
   ng-options="statue.value as statue.description for statue in maritalStatues">
</select>

碼

$scope.maritialStatus = [ { value : 1, description : "Yes"}, {value : 0, description : "Unmarried"}];

Answer 3

您沒有提供有關該對象的很多信息，但是如果我們的對象數組像這樣：

$scope.maritialStatus = [ { id : 1, name : "Married"}, {id:2,name: "Unmarried"}]

那么您可以這樣編寫您的選擇：

<label for="singleSelect"> Single select: </label><br>
    <select name="repeatSelect" id="repeatSelect" ng-model="customer.isMarried">
      <option ng-repeat="status in martialStatus" value="{{status.id}}">{{status.name}}</option>
    </select>