使用动态ng-options创建指令

Question

好的，这是我的自定义指令：

angular.module('bulwarkWebControls', [])
.directive('dropdownList', [
    function() {
        return {
            scope: {
                label: '@', // optional
                changeCallback: '&',
                options: '=',
                required: "=",
                disabled: "=",
                id: "=",
                name: "=",
                model: "=",
                value: "=",
                display: "="
            },
            restrict: 'E',
            replace: true, // optional 
            templateUrl: 'app/templates/dropDownList.html',
            link: {
                pre: function (scope, element, attr) {
                     scope.expression = "o."+value +" as o."+display+" for o in options";
                }

            }
        };
    }
]);

模板：

<div class="row form-group form-horizontal">
<label data-for="id" class="control-label col-md-3">{{label}}</label>
<div class="col-md-9">
    <select data-id="id" data-name="name" data-ng-disabled="disabled" class="form-control"
            data-ng-model="model"
            data-ng-options="{{expression}}" data-ng-required="required">
        <option></option>
    </select>
</div>

使用指令的HTML代码：

            <div>
            <dropdown-list data-label="Phone(s)" data-id="phoneList" data-name="phoneList"
                           data-disabled="vm.workOrder.Contacted"
                           data-model="vm.workOrder.PhoneNumber_Id" data-value="Id" data-display="Number"
                           data-options="vm.workOrder.CustomerPhoneNumbers" data-required="vm.workOrder.SpokeTo_Id!=5" />
        </div>

我想要做的基本上是在运行时根据我传递给指令的“ display”和“ value”参数为ng-options动态创建表达式。 您可以在指令内部的“ pre：”链接函数中看到这一点。 现在，我知道这是行不通的，因为在执行此功能时，我没有作用域值。 但是，我无法在帖子中做到这一点：链接，因为这对于ng-options表达式而言为时已晚。 有没有办法实现此功能，还是我在这里完全树错了树？ 提前非常感谢您。

Answer 1

没关系。 我在模板中使用了以下代码：

<div class="row form-group form-horizontal">
<label data-for="id" class="control-label col-md-3">{{label}}</label>
<div class="col-md-9">
    <select data-id="id" data-name="name" data-ng-disabled="disabled" class="form-control"
            data-ng-model="model"
            data-ng-options="o.{{value}} as o.{{display}} for o in options" data-ng-required="required" compile>
        <option></option>
    </select>
</div>

那，我拿走了我最初放在指令内部的pre：linking函数中的任何代码。