angularjs template(from ng-repeat) and custom directive on same element issue

Question

I am using a ng-repeat on a element to iterate based on array from scope. And i am also having a custom directive(to create jquery widget) on the same element.

Now the problem is the custom directive get compiled before the template from the ng-repeat get evaluated and hence i am getting the raw template string in widget.

HTML

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

Link The link function is as follows.

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

Controller

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

Now inside my code, i am getting the id values {{o}} instead of the evaluated value.

What the reason behind this and how can i resolve this issue?

Icycool · Accepted Answer · 2015-06-25 07:01:30Z

1

You can use ng-attr-id='{{o}}' for values that come after template compilation.

answered Jun 25, 2015 at 7:01

Icycool

7,1991 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Madhu Over a year ago

Thanks for the answer, but its not working. I am getting as <div ng-attr-id="{{o}}"> in the element. not evaluated.

Icycool Over a year ago

I'm not sure, I tried fiddle [link]jsbin.com/zoyirozalu/1/edit?html,js,output it, it works even without ng-attr

Collectives™ on Stack Overflow

angularjs template(from ng-repeat) and custom directive on same element issue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related