Question

我遇到了一个问题...在我的应用程序中，我创建了创建表单字段的指令。我的想法是将一个json对象传递给带有输入的自定义选项的指令，但是我在使用ng-model应用时遇到了问题。首先是我的指令代码：

.directive('formSelect', function () {
    return {
        transclude: true,
        replace: true,
        scope:{},
        template: '<label class="acxm-dropdown {{opts.cssClass}}"><span>{{opts.labelText}}</span><select ng-transclude=""></select></label>',
        restrict: 'E',
        link: function (scope, element, attrs) {
            scope.opts = scope.$eval(attrs.opts);
        }
    };
  }
)

在scope.opts中的

我想有一个带有自定义属性的subObject，它将被添加到输入中，因此我的指令将被调用：

<form-select opts="{labelText: 'active only', cssClass: 'acxm-p-horizontal acxm-u-inline active-filter', customAttrs: {'ng-model': 'onlyActive'}}"></form-select>

我试图将ng-model attr添加到动态输入但是它没有工作，我还试图只传递ng-model attr的名称，但我也有一些问题...是否可以制作它工作？或不？谢谢你的帮助...

Answer 1

您可以从ngts =部分中提取ng-model，但仍然可以在指令中引用它。在这里看到答案作为一个例子，我认为这与你想要完成的事情很接近。

$watch ngModel from inside directive using isolate scope

Angular dynamic将ng-model添加到模板中

1 个答案: