angularjs select select 框中的第一个值

Question

我需要使用 angularjs 突出显示 select 框中的第一个值 'fullName'。我正在使用 angularstrap selectbox.

控制器，

  $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>

我试过了，但默认值不是 selecting。

Answer 1

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

Answer 2

你应该有一些不同的 ng-model 名称，你已经在 ng-options 中使用了 owner，比如 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];

angularjs select select 框中的第一个值

angularjs select the first value in select box

javascript

twitter-bootstrap

angularjs

angular-ui-bootstrap

angularjs-ng-options