如何将javascript函数分配给元素属性

Question

我想将一个javascript函数分配给HTML属性。例如：

 <li data-ng-repeat="job in jobList" class= foo(str) data-filter = "foo1(str)">

我想这样做，因为类名和数据属性按作业更改。 找到<li>元素并且无法进行更改，因为它是元素列表。

我尝试使用

class=foo(str)
class = javascipt'foo(Str);'

无法做到正确。

Answer 1

<li data-ng-repeat="job in jobList" class="{{foo(str)}}" data-filter = "foo1(str)">

但是，只有foo位于全局命名空间上时才会起作用。假设您已将foo放在scope上，则代码如下：

<li data-ng-repeat="job in jobList" class="{{scope.foo(str)}}" data-filter = "foo1(str)">

每次绘制DOM时，AngularJS都会评估foo