使用 ng-grid 列填充选择答案

【问题标题】：populate a select with ng-grid columns使用 ng-grid 列填充选择
【发布时间】：2015-01-23 20:19:58
【问题描述】：

我有一个 ng-grid，我希望能够在特定列上进行搜索。用户输入一些文本并从下拉列表中选择一列。我的 UX 家伙不太喜欢 ng-grid 支持的 search-field-in-every-column-header。

（我还没有在意文本字段，目前只是担心字段选择器）

我有一个方法可以获取每个字段的字段和 displayName 并使用选项填充我的选择，但由于某种原因，它给了我一个空的第一个选项。我不想要一个空的 - 如果它看起来像这样，当然不会：

<option value="? undefined:undefined ?"></option>

我希望它默认为我选择的字段（在 plunker 示例中，我希望它默认为“年龄”）

我无法弄清楚为什么我得到一个未定义的选项 - 除非是因为在 colDefs 完全定义之前，我的 getFilterFields() 函数正在呈现控件。我尝试了各种延迟 getFilterFields() 函数的方法 - 我使用了 init: gridInit 参数，但到目前为止，没有任何乐趣。

我如何保证 1] 我的下拉列表仅包含有效的列，并且 2] 其中一个是预选的？

【问题讨论】：

【解决方案1】：

最好使用ng-options并将模型设置为您要选择的选项。

<select ng-model="selectedItem"
        ng-options="item.value as item.name for item in filterOptions.filterFields">
</select>

在控制器中，设置：

$scope.selectedItem = "age"; // equal to the value of the default option

【讨论】：