javascript - AngularJS ng-options 自定义属性

Question

目前我的 select 上有以下指令.

ng-options="option.value as option.title for option in exportTypes"

$scope.exportTypes = 一个对象数组，每个对象都有 title , value , 和 generatesFile属性。我想要 generatesFile添加为 data-generates-file 的属性每个 <option> 的属性这是为此选择生成的。

关于如何做到这一点有什么想法吗？

Answer 1

也许有人会纠正我，但我很确定您不会从 ng-options 中获得这种控制。当你使用它时，Angular 会在幕后为你管理选择，这在 90% 的情况下都很好，但在像你这样的情况下可能会受到限制。我不确定你在看什么基准，但我敢打赌，选项元素上的 ng-repeat 在性能上与使用 ng-options.

我会选择这样的东西:

<select ng-model="selectedExportType">
    <option ng-repeat="exportType in exportTypes" data-generates-file="{{exportType.generatesFile}}" value="{{exportType.value}}">
        {{exportType.title}}
    </option>
</select>

---

编辑:

当然，这是假设您确实需要该属性。如果您只需要访问 select 上的该属性，那么这就是 ng-options 的用武之地。只需从选择中删除 option.value as 位，然后在进行选择时从数组中取回整个对象。

http://plnkr.co/edit/6XPaficTbbzozSQqo6uE?p=preview

您可以在该演示中看到，所选项目是整个对象，并带有 someAttr 属性，该属性根本没有在选择中使用过。如果您检查 DOM，您将看不到它。 Angular 在幕后跟踪这一切。