問題タブ [angularjs-ng-class]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
1598 参照

javascript - ngClass - creating a class name containing angular expression

I would like to create class names based on an the evaluation of an angular expression, but it seems that angular is removing these expressions from the eventually compiled classes. When iterating over cells, assume the following code:

My goal is that when cell.count = 1 the resulting class will be "label1", when cell.count = 2, "label2", etc. In practice, what happens is that angular discards the expression in the eventual class - As long as !!cell.count, I get the class "label" regardless of the count. How can I achieve this?

0 投票する
1 に答える
194 参照

angularjs - ng-classのディレクティブを使用してコントローラーで変数値が渡されない

ng-class テンプレートのコントローラーで変数の値を参照していますが、機能していません。

html ディレクティブ テンプレート URl は次のとおりです。

これは、インデックスページでディレクティブを使用している場所です

そして、ここにディレクティブがあります:このディレクティブでは、変数を作成してfalseに設定し、ng-class属性でも使用しようとしています

(関数 (ウィンドウ) { 'use strict';

})();

0 投票する
0 に答える
84 参照

angularjs - Angularjs - ウィンドウのスクロール時にディレクティブを適切に使用できない

ここでこの回答に従いました:ウィンドウがスクロールするときに使用してクラスをバインドする必要があるため、クラストグルをウィンドウスクロールイベントngClassにバインドします。上記の回答によると、次のように実行できるはずです。

しかし、このコードをアプリで使用すると、ディレクティブがまったく起動されません!

ここに私のコードがあります: http://codepen.io/nickimola/pen/dMNawj?editors=1010

デバッガーを追加しようとしましたが、このディレクティブはウィンドウが読み込まれたときにのみ呼び出されることに気付きましたが、その後は呼び出されなくなりました。

ここで何が間違っていますか?

助けてくれてありがとう

0 投票する
1 に答える
1312 参照

angularjs - Angularjsのネストされたアイテムにng-classを使用してクラスを適用する

メニュー項目を以下の形式で表示しています。にはアイテムのdataリストが含まれており、各アイテムにはサブアイテムがあります。selected選択したものにクラスを適用する必要がありsubitem、すべてのアイテムの他のすべてのサブアイテムはdeselected. コントローラー内でこれを行う方法。HTML内にイベントを追加しng-click、コントローラー内でクラスを切り替えてみましたが、他のアイテム内の他のすべてのサブアイテムには適用されません。詳細については、html とコントローラー コードの両方を以下に示します。

コントローラー内には、次のようなコードがあります。

dataUI 内で使用されるオブジェクトには、子も含まれます。どこが間違っているのか教えてください。

0 投票する
1 に答える
56 参照

angularjs - ng-class にスコープを挿入する

私の問題は簡単です:私はこれをやっています:

問題は、ほとんどの場合、css のクラスが機能しcollab_infoticket.tags[0]ていないため、構文の問題が原因であるかどうかを知りたいです。奇妙なのは、時々それが機能することです! ただし、これclass_{{infoticket.tags[0]}}は常に機能します。