AngularJS-动态ng选项

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的l.name”，但不会显示选项。

拜托，有什么主意吗？

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>