Pass the return value of a function to directive - AngularJS

Question

Let's say I have a directive myDirective. That directive wants to have an array of tag names tags, like for example ['new', 'owner']. This array is generated on the fly like;

<my-directive ng-repeat="that in a" tags="getTags(that.id)"></my-directive>

angular.module('x').directive(...
  scope: {
   tags: '@'
  }
};

Where getTags is a function that returns an array of tags.

Like this, tags will just become a string "getTags(that.id)". If I put it in an expression like;

<my-directive ng-repeat="that in a" tags="{{getTags(that.id)}}"></my-directive>

tags will still be a string. But it will look like "['new', 'owner']" - but still a string. How do I pass the array?

Wawy · Accepted Answer · 2014-06-12 12:20:19Z

3

You need to parse the variable:

scope.tags = scope.$eval(scope.tags);

answered Jun 12, 2014 at 12:20

Wawy

6,2692 gold badges26 silver badges24 bronze badges

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

3 Comments

William Boman Over a year ago

I can't seem to override the scope.tags variable by doing like this?

Wawy Over a year ago

Try in a different variable then.

Ricky Stam Over a year ago

Hello i had the same problem and using $eval solved it, can you please explain me why i should use $eval and if there is a better way to achieve the same thing without the use of $eval?

Collectives™ on Stack Overflow

Pass the return value of a function to directive - AngularJS

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related