在AngularJS中使用<a>添加select选项？

Question

如何在 AngularJS 示例中添加更多 select 选项，如下所示：

<div ng-app="MyApp" ng-controller="MyController">
    <label>Student Class:</label>
    <select id="class" name="class">
      <option>C1608G</option>
    </select>
    <a href="#" id="add" style="color: blue;">Add class</a>
</div>

Answer 1

您可以使用 attributes/directives:

ng-options 在你的 select 元素中
ng-repeat 在您的选项元素中

这是一个示例（假设您的 $scope 中有一个对象名称数组 'options'）：

<select id="class" name="class" ng-options="option as option.name for option in options track by option.value">
</select>

<select id="class" name="class">
  <option ng-repeat="option in options">
     <a href="option.address">{{option.name}}</a>
  </option>
</select>

在AngularJS中使用<a>添加select选项？

Add select option by using <a> in AngularJS?

html

angularjs