Question

我需要突出显示第一个值＆quot; fullName＆＃39;在使用angularjs的选择框中。我正在使用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 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名称

ng-model

然后你需要从控制器设置$scope.selectedOwner = $scope.accountInfo.owners[0];的值。

<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
    <attributes>
        <attribute name="maven.pomderived" value="true"/>
        <attribute name="org.eclipse.jst.component.nondependency" value=""/>
    </attributes>
</classpathentry>

Answer 2

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

angularjs选择选择框中的第一个值

2 个答案: