デフォルト値を表示しないで選択してください

Question

私は値が単純なオブジェクトであるselectを持っています。

optionとして表示されるコンテンツはこのオブジェクトのプロパティですが、値はオブジェクトそのものです。

モデルを適切なオブジェクトに設定して、このselectのデフォルト値を設定しています。

しかし、selectは、モデルが適切に設定されている間は値を選択していません。

ここに私が試した3種類の方法があります：

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

なぜデフォルト値を示す私の選択ではありません。

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> 

そして、私のコントローラで

？

どうすれば修正できますか？

（ところで、私は角1.2.28を使用しています）

Answer 1

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

あなたはoptions配列に含まれるオブジェクトの1の参照を渡す必要があるとして、それはより正確になります。