2

可能重复：
如何为 AngularJS 生成的选择列表进行预选？

在角度教程中，他们设置了一个 sortOrder 范围变量，该变量默认按选择排序为“最新”。

在我的小提琴中，我正在做类似的事情，但没有选择我的选择值。相反，我得到了空白条目，就好像我没有在范围内设置任何值一样。但是我可以看到我的排序顺序，并且我正在发出选择的值并且它是预设的。

    //set a default this way also, but not updating the dropdown
$scope.ddlFilter = {
    name: "All Open Events",//doesn't matter what this is, only cares about value
    value: "ALL"//"OPEN"
};

我知道我可以使用 ng-init 来设置默认值，但我也希望能够这样做。有什么建议么？

4

1 回答 1

6

尝试使用对象而不是对象数组。它将允许您通过字符串与数组位置（例如scope.eventFilters[0].

$scope.eventFilters = {
    "OPEN": "All Open Events",
    "UNMAPPED": "All Un-Mapped Events",
    "MAPPED": "All Mapped Events",
    "CLOSED": "All Closed Events (past 8 hours)",
    "ALL": "All Events",
    "OTHER": "Other OpCenter Open Events"
};

然后将默认值定义为字符串（上面对象的键）：

$scope.ddlFilter = "MAPPED";

然后在页面上将您的选择更改为

<select ng-model="ddlFilter" ng-options="k as v for (k, v) in eventFilters"></select>

并且您的过滤器不再需要 a .value，因此它将变为：

<tr ng:repeat="event in events  | myEventFilter:ddlFilter | orderBy:sort.column:sort.descending">

在此处查看您修改后的代码：http: //jsfiddle.net/WXLte/2/

于 2013-01-31T03:49:56.707 回答