шаблон angularjs (из ng-repeat) и пользовательская директива для того же вопроса элемента

Я использую ng-repeat для элемента для итерации по массиву из области. И у меня также есть настраиваемая директива (для создания виджета jquery) на том же элементе.

Теперь проблема заключается в том, что пользовательская директива компилируется до того, как template из ng-repeat получает оценку и, следовательно, я получаю необработанную строку шаблона в виджетах.

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}} вместо оцененного значения.

Какая причина этого и как я могу решить эту проблему?