0

我有带有 ng-options 的 Angular 选择指令。我也有一个空选项：

<select ng-model="selected_company.current" ng-options="company.name for company in subcontractors">
    <option value="">Please select a company...</option>
</select>

但我想在列表末尾有另一个 null 选项，因此结果列表将是：

  • 请选择公司...
  • 公司1
  • 公司2
  • 公司3
  • 公司4
  • 新公司...

我试过：

<select ng-model="selected_company.current" ng-options="company.name for company in subcontractors">
    <option value="">Please select a company...</option>
    <option value="">New company...</option>
</select>

但是你可以猜到什么都没有发生，第二个 null 选项不会在任何地方显示。有没有一些 Angular 的方法来解决这个问题？我知道一种替代方法是使用 ng-repeating 选项元素而不是使用 ng-options。

4

1 回答 1

0

简单的解决方案是我在原始数组中添加另一个元素：

在控制器中

$scope.companies = $scope.subcontractors + [{name: 'New company...'}]

在 HTML 中

<select ng-model="selected_company.current" ng-options="company.name for company in companies">
    <option value="">Please select a company...</option>
</select>

或者更好的是您只需将 html 修改为以下内容

<select ng-model="selected_company.current" ng-options="company.name for company in subcontractors + [{name: 'New company...'}] ">
    <option value="">Please select a company...</option>
</select>
于 2014-05-07T12:45:17.617 回答