問題タブ [angularjs-ng-class]

<td>テーブルに ng-repeat があります。クリックするとクラスを追加し、クリックしないとクラスを削除できるようにしたいと考えています。<td>同時に複数選択できます。現在、すべての都市でクラスが適用されているか、または取得されていません。

例: (ノードに 100 個のアイテムがあるとします)

私のJSで

検索入力フィールドとリストボックスがあり、

クラスを追加する必要があります

テキストがあるときはいつでも、関数を変更する必要があります。.addClear クラスの検索フィールドをクリックすると空になり、ng-model も空になります。

これどうやってするの？

ng-class="{'addClear': searchRoleOne}"検索欄で使ってみました。正常に動作していません。

値に応じて、行または列にクラスを追加する方法はありますか。列「anzahl」が null の場合、行の背景色は「灰色」でなければならず、列「anzahl」の背景色は「赤」になります。

jsfiddle

したがって、かなり複雑な角度テーブルがあり、繰り返し部分はすべてうまくいきますが、変数をng-class-evenandで設定するとng-class-odd、変数が持続しないようです。の範囲を誤解しているのかもしれませんが、ng-repeat困惑しています。

私の繰り返しは次のようになります。

したがって、行がループしている間に色が設定されることを期待しています。これはサンプルセットアップのフィドルです。

データモデル内のアイテムpredicateを簡単に並べ替えるために使用しています。現在、並べ替えが現在どの状態にあるかを示すために、上下の矢印アイコンを追加することに取り組んでいます。

実際の述語 orderBy の例: http://plnkr.co/edit/?p=preview

ただし、述語内でこれらの値を切り替える方法がわかりません:

コントローラ

ここでは関数を使用していません。そのため、今それを切り替える方法を理解するのが少し難しいのです。

これにフックして変数を変更する方法はありrecentAddedますか?
どちらが変化しng-classます：

次に、述語に基づいて、次を切り替えますng-class。

http://plnkr.co/edit/nEfBE33AJen3mz9YvjeC?p=preview

タグ ボタンのリストがあります。デフォルトでは、すべてのアイテムが読み込まれた後、最初の 3 つのアイテムにselectedクラスを設定します。

selectedでクラスを獲得または喪失するためのタグも必要ng-clickです。

マークアップまたはコントローラーでコードをどのように組み合わせますか?

HTML

{'selected' : toggle.state}基本的には、次のようなものを組み合わせたいと思います:ng-class行に。現在、私のコードはすべての選択を解除しています。

何か案は？

私は3つのアイテムに限定されたリストを持っています.最初のアイテムはクラスを必要としblue1、2番目は必要blue2ですblue3.

のような小切手を書く方法はありますか
ng-class="{blue1: tag == 1 || blue2: tag == 2 || blue3: tag == 3 }"

ソートされていないアイテムのリストがあり、orderBy名前の英数字でソートするために使用します。

今私のコントローラでは、これは私が現在選択された最初のアイテムのクラスをどのように設定しているかです:

orderBy^アイテムがアルファ順に表示されるように を追加する必要があるまで、これは完全に機能しました。

この回答はこちらで見つかりましたが、最初のアイテムが常にクラスを持つようにロックされます。

私のコードを少し変更して、他のボタンをクリックするとそのクラスを取得することができましたが、$firstアイテムはまだクラスにとどまりました。

私のコントローラーでは、これは私のunselectAll関数であり、次のようには機能しません'selected':$first:

この問題を修正するには、マークアップまたはコントローラーのコードをどのように更新する必要がありますか?