Javascript 如何在angular js中将ng模型添加到下拉列表中

我有两个列表项Receiver A和beacon的下拉列表

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

---

我们如何才能做到这一点？

您需要在此处选择输入

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

接受者
信标

这是引导下拉列表，对吗？为什么您希望它像选择标签一样工作？这就像当用户单击下拉列表中的某个选项时，操作将执行您在ng click上编写的操作，然后您需要显示用户单击的内容？（它不是输入字段，它倾向于执行某些操作）。如果您仍然希望下拉并向用户显示所选的选项，并对所选的不同选项执行操作，则可以使用传统的选择标记输入轻松实现field@Shantanu是的，您需要的是选择输入。

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