Question

我想将optiones-element的ng-class设置为活动状态。不幸的是它没有用。

这是我的选项菜单：

 <select>
  <option ng-repeat="item in items">{{item}}</option>
 </select>

和项目＆＃34;一个＆＃34;应该是活跃的

<select>
     <option ng-repeat="item in items" ng-class="{selected: item=='one'}">
          {{item}}     
      </option>
 </select>

它不起作用。有谁知道如何将选项标签设置为活动状态？

它的工作原理如下：

<select>
  <option>Blue</option>
  <option selected>Green</option>
  <option>Red</option>
</select>

Answer 1

以下是正确的方式＆＃34;选择＆＃34;在Angularjs中工作，请注意所包含的ng-model指令，如果遗漏它并不起作用。

<select ng-model="selectedItemId" ng-options="item.id as item.name for item in items">
  <option value="">-- choose item--</option>
</select>

使列表中的项目处于活动状态，只需在控制器端设置分配给ng-model的SelectedItemId变量。

   $scope.selectedItemId = 1; //the Id belonging to the option to be selected

Answer 2

我看到你想要使用ng-repeat循环选项，然后手动选择正确的选项。在这种情况下使用Angular的select指令更好：

<select ng-model="selectedItem" ng-options="items"></select>