javascript - angularjs在选择框中选择第一个值

Question

我需要使用 angularjs 在选择框中突出显示第一个值“fullName”。我正在使用 angularstrap 选择框。

控制器，

  $scope.accountInfo.owners = [  
   {  
      "accounts":null,
      "phoneumber":null,
      "email":null,
      "fullName":"MITA DASGUPTA",
      "mobilePhoneNumber":null,
      "noteFlag":false,
      "number":130000000484
   }
]

模板，

<button type="button" class="btn btn-default" placeholder="Pleasae select" 
  data-ng-model="owner.fullName" 
  data-html="1" 
  bs-options="owner as owner.fullName for owner in accountInfo.owners"  
  bs-select>
    Action <span class="caret"></span>
</button>

我尝试过这种方式，但默认情况下没有选择该值。

Answer 1

你应该有一些你已经使用owner过的ng-options不同的 ng-model 名称selectedOwner

<button type="button" class="btn btn-default" placeholder="Pleasae select" 
  data-ng-model="selectedOwner" 
  data-html="1" 
  bs-options="owner as owner.fullName for owner in accountInfo.owners"  
  bs-select>
    Action <span class="caret"></span>
</button>

然后你需要ng-model从控制器设置值。

$scope.selectedOwner = $scope.accountInfo.owners[0];

Answer 2

您忘记初始化捕获所选值的模型。您通常使用ng-init来实现这一点，但也可以使用数组的第一个元素在控制器中初始化模型。（以及相应的字段）。