javascript - Angularjs - 动态 ng-options

Question

为了我正在编写的指令的需要，我必须动态构造 ng-options 表达式。这是我尝试过的。

在我的指令中:

// ... scope.labelProperty = 'name';
scope.selectOptions = "l." + scope.labelProperty + " for l in list";

在我的 html 模板中:

<select class="form-control"
    ng-model="selected.available"
    ng-options="{{ selectOptions }}"
    multiple
    size="5"></select>

这导致 ng-options 采用正确的表达式“l.name for l in list”，但选项不显示。

拜托，有什么想法吗？

Answer 1

将您的代码更改为如下所示(使用 javascript 来选择您的属性):

// ... scope.labelProperty = 'name';
scope.selectOptions = "l[labelProperty] for l in list";

<select class="form-control"
    ng-model="selected.available"
    ng-options="{{ selectOptions }}"
    multiple
    size="5"></select>