Question

我有一个ng-grid，我希望能够搜索特定的列。用户输入一些文本并从下拉列表中选择一列。我的用户体验人员并不太喜欢ng-grid支持的每列搜索字段。

（我还没有对文字领域感到困扰，只是担心到目前为止的领域选择器）

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

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

我希望它默认为我选择的字段（在plunker示例中，我希望它默认为＆＃39; age＆＃39;）

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

我怎么能保证 1]我的下拉列表只包含有效列，和 2]其中一个是预选的？

Answer 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