angularjs模板（来自ng-repeat）和相同元素问题的自定义指令

Question

我在元素上使用ng-repeat来根据范围内的数组进行迭代。我也在同一个元素上有一个自定义指令（创建jquery小部件）。

现在问题是在template获得ng-repeat之前编译自定义指令，因此我得到了widget中的原始模板字符串。

HTML

 <div ng-repeat="o in arr" id="{{o}}" ui-ngrid></div>

链接 link功能如下。

 module.directive("uiNgrid", ['$compile', function ($compile) {
        return {
            restrict: 'CEA',
            priority: 999,
            link: function (scope, element, attrs) {
              element.nGrid(processAtrr(attrs));
            }
      }
    });

控制器

$scope.arr = ["0","1"];

现在在我的代码中，我得到id值{{o}}而不是评估值。

这背后的原因是什么？如何解决这个问题？

Answer 1

您可以将ng-attr-id='{{o}}'用于模板编译后的值。