2014-02-20 108 views
2

我有一個使用多個動態ngTables的angularjs應用程序。作爲在頁面上執行的搜索操作的結果,我需要「突出顯示」其中一個表格中的某一行,但我想在用戶採取某些操作後刪除突出顯示(任何CTA執行,我會假設)。如何dymamically設置AngularJS ngTable表格行的背景顏色

我已經設法弄清楚如何將「粗體」類(儘管我真的需要更改背景顏色)添加到我的「tr」,「td」或圍繞內容的「span」 「td」,使用數據ngTable迭代。我已經在Firebug中驗證了這一點。但是,我看不到屏幕上的變化。我猜測ngTable中使用的CSS設置重寫了我所設置的內容。

我需要做些什麼才能讓ngTable更改表格的背景顏色?

一旦我明白了這一點,我可能會刪除「$超時」或某些CTA操作上的類設置。

回答

2

ng-class 可以用來指定類。並且可以爲ng類編寫表達式。 例如:

<table ng-repeat="questions in comment.employee"> 
    <tbody> 
     <tr ng-class="{{e.ID == 1 ? 'class1' : 'class2'}} " > 
      <td> 
       {{e.Name}} 
      </td> 
     </tr> 
    </tbody> 
</table> 
+0

好的,我應該詳細闡述。我知道所有這一切。我正在使用ng-class來設置「粗體」類。問題是,它只是沒有做任何事情。我檢查了Firebug中的元素,並且元素確實有這個類,但屏幕上沒有任何變化。正如我所說的,我認爲ngTable的CSS可以防止ngTable中表格行上的普通CSS變化,我只是不太明白這一點。 –

+0

這應該不會正常發生。檢查CSS的優先級。 – shajivk

+0

前幾天我可以查看這些示例,但是今天它每次都會因DNS或其他錯誤而失敗。我已經在三個不同的網絡上的三個不同的設備上嘗試過它。 –