如何在Angular JS的下拉列表中添加ng-model

Question

我有兩個列表項接收者信標和下拉菜單。

 <ul class="dropdown-menu filter-state">
     <li ng-class="{active:filterState === 'Receiver'}">
         <a href="" ng-click="updateFilterState('Receiver')">Receiver</a>
     </li>
     <li ng-class="{active:filterState === 'Beacon'}">
         <a href="" ng-click="updateFilterState('Beacon')">Beacon</a>
     </li>
 </ul>

默認情況下，選中的下拉列表項是第一個Reciever，但我想向其中添加ng-model，以保持其狀態。

我希望此$ scope.device默認顯示為ng-model ='device'

  $scope.$onMessage(Message.deviceType,function(event,deviceType){
      $scope.device=deviceType;
  });

我們該怎么做？

Answer 1

您需要在此處選擇輸入。

<select name="devicetype" ng-model="filterState">
      <option value="Receiver" ng-class="{active:filterState === 'Receiver'}"> Receiver </option>
      <option value="Beacon" ng-class="{active:filterState === 'Beacon'}">Beacon</option>
</select>