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

如何将javascript函数分配给元素属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想给HTML属性分配一个javascript函数。例如: <li data-ng-repeat="job in jobList" class= foo(str) data-filter = "foo1(str)"> 没能把它弄对 <li data-ng-repeat="job in jobList" class="{{foo(str)}}" data-filter = "foo1(str)"> AngularJS将在每次绘制DOM时计算foo在class=之后是否

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

 <li data-ng-repeat="job in jobList" class= foo(str) data-filter = "foo1(str)">
没能把它弄对

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

AngularJS将在每次绘制DOM时计算
foo

class=
之后是否应该在
foo(str)
周围加引号?编辑:您必须在
foo(str)
周围加引号,否则它是无效的HTML。
data ng class
无效吗?请记住,我假设您熟悉并运行AngularJS,因为您使用的是
data ng repeat
标记。我的解决方案要求AngularJS使用控制器正确设置。该死。。我真蠢。。我完全忘了我可以用角形。。不知怎的,我只想到了典型的onclick解决方案。谢谢@samuelHaha没问题,Karty!:)你能接受我的回答吗?这样我就能得到那美味的声誉了!
<li data-ng-repeat="job in jobList" class="{{foo(str)}}" data-filter = "foo1(str)">
<li data-ng-repeat="job in jobList" class="{{scope.foo(str)}}" data-filter = "foo1(str)">