选择不显示其默认值

Question

我有一个select，它的值是一个简单的对象。

显示为option 的内容是此对象的属性，但值是对象本身。

我正在通过将模型设置为正确的对象来为此 select 设置默认值。

但是select 没有显示任何选择的值，而模型设置正确。

我尝试了以下 3 种不同的方法：

Current value of representative.title : {{representative.title}} <br/><br />
<div class="form-group">
  <select ng-model="representative.title" 
          ng-options="title.name for title in titles" 
          ng-disabled="$parent.isDisabled" 
          class="form-control">
  </select>
</div>

<br />

<div class="form-group">
  <select ng-model="representative.title" 
          class="form-control">
    <option ng-repeat="title in titles" 
            value="{{title}}">
              {{title.name}}
    </option>
  </select>
</div>

<br />

<div class="form-group">
  <select ng-model="representative.title" 
          ng-options="title as title.name for title in titles" 
          ng-disabled="$parent.isDisabled" 
          class="form-control">

  </select>
</div>

在我的控制器中：

$scope.titles = [{"name": "Monsieur"},{"name": "Madame"}];
$scope.representative = {"title": {"name": "Monsieur"}, "otherField": "otherValue"};

为什么我的选择没有显示默认值？

我该如何解决？

（顺便说一句，我使用的是 Angular 1.2.28）

Answer 1

$scope.representative = {"title": $scope.titles[0], "otherField": "otherValue"};

这会更准确，因为您需要传递选项数组中包含的对象之一的引用。