Calling controller function from element attribute

Question

how can I call a controller function from html attribute. For example:

Controller function:

$scope.foo = function(id)
{
    return id+1;
}

And here is the html:

<div ng-repeat obj in arr id="foo(obj.id)"></div>

This way I am getting ...id=foo(obj.id) instead of ...id="2" (if obj.id is equal 1).

Thanks!

you would normally attach it to an event or dump it into the DOM with {{}}... what's the purpose of your code? — fer
– fer, Commented Jun 15, 2014 at 7:16
I have some date I am getting from my server, I wish to change it format this way (changeFormat(obj.date)) — vlio20
– vlio20, Commented Jun 15, 2014 at 7:18
if you need to format date to display, the correct way to do it is using angular filter: stackoverflow.com/questions/22432292/… — Khanh TO
– Khanh TO, Commented Jun 15, 2014 at 7:19

user3739239 · Accepted Answer · 2014-06-15 07:15:52Z

1

to call angular rendering you need to had {{ }}. Try this: id="{{foo(obj.id)}}"

answered Jun 15, 2014 at 7:15

user3739239

1463 bronze badges

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

1 Answer 1