angularjs - 在 AngularJS 中使用 ng-options 添加两个选项来选择列表顶部和底部

Question

我正在尝试使用 Angular 在 cshtml 页面中填充下拉列表。 Angular controller 使用 Web API 调用服务以返回值。我添加了一个默认选择项来指示用户从列表中选择一个项目。我还想将“其他”附加到选择列表的末尾。

如果可以的话，我更喜欢使用 ng-options。我知道如何使用 ng-repeat.

来做到这一点

标记如下:

<div class="formElement">
  <label for="companySelect" class="required long">{{'CompanyName'}}</label>
  <select name="companySelect" id="companySelect" ng-change="selectCompany()" ng-model="data" data-ng-options="company.CompanyName 
    for company indata.companySelect | orderBy:'CompanyName' track by company.CompanyName">
    <option value="">Please Select</option>
    <option value ="other">Other</option>
  </select>
</div>

Answer 1

我想如果你的 webapi 返回一些 json 数据，你可以通过 Angular Controller 中的 $scope.company 获得这些值

• 将 Please Select 添加到数组的顶部元素

您可以使用数组 unshift 来完成

$scope.company.unshift("Please Select")// May it be a object

• 将 Others 添加到数组的底部元素

您可以使用数组 push 来完成

$scope.company.push("Other")// May it be a object