angular.js - UI グリッドのデータの色を変更する方法
ringa_lee
ringa_lee 2017-05-15 16:52:30
0
1
621

図に示すように、同じグリッド内のデータを異なる色で表す必要があります。データはリスト形式、すなわち [19,17,15] で REST API から取得されます。

主に変更を表現するため、追加されたマークは青でマークされ、削除されたマークは赤でマークされます。 UI グリッドでこの機能が見つかりませんでした。実装するための良い提案があるかどうかを尋ねたいと思います。

UI グリッドを使用する必要はなく、他のライブラリや他のメソッドを使用することもできます。

ありがとうございます!

ringa_lee
ringa_lee

ringa_lee

全員に返信(1)
刘奇

%>_<%、最も孤独な瞬間は、自分で質問して答えるときです。

最終的に、cellTemplate を使用し、各 td で複数の p をネストし、repeat を使用して p を生成しました。p のサイズとグリッド セルの高さは同じに設定され、各 p は次のように設定されました。単語の色は p の CSS によって決まります。ちなみに、最初に文字列オブジェクトをスライスして配列に変換する必要があります。

ng-class="{緑色のバー: !item.flag、白色のバー: item.flag,}"
ng-repeat="row.entity.no_change の項目"

これは一般的なアイデアです。誰が私にもっと良い提案をくれるでしょうか? ! !

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート