一尘不染

AngularJS-动态ng选项

angularjs

对于我正在编写的指令的需要,我必须动态构造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”,但不会显示选项。

拜托,有什么主意吗?


阅读 230

收藏
2020-07-04

共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>
2020-07-04