HTML使用带有多个“默认”选项的ng-options进行选择

Question

我目前正在尝试创建一个运行模型的下拉菜单，但也有两个位于顶部的“默认”选项。目前我有以下内容：

<select class="category-selector" chosen
        inherit-select-classes="true"
        ng-if="auction.category_options.length > 1"
        ng-model="auction.active_category"
        ng-options="g.label group by g.main_category for g in auction.category_options"
        ng-change="auction.active_category == null ? auction.clear_keyword_matching() : auction.refresh_matching_items()">
  <option value="" selected>Active items ({{auction.category_counts['Active'].total}})</option>
  <option value="all">All items ({{auction.category_counts['All'].total}})</option>
</select>

我无法获取“所有项目”选项，因此会显示在下拉列表中。是否无法声明两个选项并使用ng-options / model填充其余选项？

下拉图片

Answer 1

添加额外选项标签仅在您为其他选项设置value=""

时才有效

<option value="" selected>...</option>

如果值不为空，则不会显示为explain here。所以你可能需要使用ng-repeat来构建它。

在这个答案中，有一个解决方案using a directive，也许可行。