选择中的ng-options复制选项

Question

我使用ng-options选择与列表绑定的元素。 我有一个自定义指令，它将验证指令添加到select元素。 该自定义指令编译select元素。 编译select元素后，选项将重复。 有没有办法在编译至少文件之前停止重复文件或清除它们？

在下面的代码中，元数据是一个自定义指令。 在该指令中，我具有compile（$ el）（$ scope）行。 执行此行后，选择变为如下所示

请选择性别
男
女
男
女

 function ($scope, $el, $attr, $ngModel) { if (!$ngModel) { return; } var elementMetadata = JSON.parse($attr.metadata); angular.forEach(elementMetadata.validators, function (item) { $el.attr(item.name, item.value); }); $el.removeAttr('metadata'); $compile($el)($scope); } 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <select name="gender" id="lstGender" ng-options="gender for gender in genderList track by gender" ng-model="fields.gender" metadata="{{template.gender}}"> <option value="">Please select gender</option> </select> 

Answer 1

使用post将编译选择元素移至要执行的最后编译功能

          pre: function(scope, element) {
            scope.values =  [ 'male', 'female' ];
          },
          post: function() {
            $compile(tElement)(scope);
          }

codepen- https://codepen.io/nagasai/pen/MQQLbB