2016-06-13 16 views
1

JavaScript属性をHTML属性に割り当てたいとします。例えば:要素属性にjavascript関数を割り当てる方法

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

私は、クラス名とデータ属性がジョブごとに変更されるため、これを実行します。 要素のリストであるので<li>要素を見つけて変更することはできません。

は、私は右のそれを得るために
class=foo(str) 
class = javascipt'foo(Str);' 

できない

を使用してみました。

+0

は 'FOO(STR)を囲む引用符があると想定している描かれるたびに評価します

AngularJS'後の 'クラス= '?編集: 'foo(str)'を引用符で囲む必要があります。それ以外の場合は有効なHTMLではありません。 –

+0

'data-ng-class'は動作しませんか? –

答えて

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

しかし、fooがグローバル名前空間にある場合にのみ機能します。あなたはscopefooを入れていると仮定すると、コードは以下の通りです:

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

'data-ng-repeat'タグを使用しているので、AngularJSに精通していると仮定しています。私の解決策では、AngularJSをコントローラで正しく設定する必要があります。 –

+0

くそー..私の愚かなこと..私は完全に私は角を使用することができます忘れて..何とか私はソリューションの典型的なonclickの種類だけを考えていた。ありがとう@サミュエル –

+0

母は問題なしKarty! :)私はその美味しい「評判」を得ることができるように私の答えを受け入れるようにしてください! –

関連する問題