問題タブ [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.
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?
angularjs - ng-classのディレクティブを使用してコントローラーで変数値が渡されない
ng-class テンプレートのコントローラーで変数の値を参照していますが、機能していません。
html ディレクティブ テンプレート URl は次のとおりです。
これは、インデックスページでディレクティブを使用している場所です
そして、ここにディレクティブがあります:このディレクティブでは、変数を作成してfalseに設定し、ng-class属性でも使用しようとしています
(関数 (ウィンドウ) { 'use strict';
})();
angularjs - Angularjs - ウィンドウのスクロール時にディレクティブを適切に使用できない
ここでこの回答に従いました:ウィンドウがスクロールするときに使用してクラスをバインドする必要があるため、クラストグルをウィンドウスクロールイベントngClass
にバインドします。上記の回答によると、次のように実行できるはずです。
しかし、このコードをアプリで使用すると、ディレクティブがまったく起動されません!
ここに私のコードがあります: http://codepen.io/nickimola/pen/dMNawj?editors=1010
デバッガーを追加しようとしましたが、このディレクティブはウィンドウが読み込まれたときにのみ呼び出されることに気付きましたが、その後は呼び出されなくなりました。
ここで何が間違っていますか?
助けてくれてありがとう
angularjs - Angularjsのネストされたアイテムにng-classを使用してクラスを適用する
メニュー項目を以下の形式で表示しています。にはアイテムのdata
リストが含まれており、各アイテムにはサブアイテムがあります。selected
選択したものにクラスを適用する必要がありsubitem
、すべてのアイテムの他のすべてのサブアイテムはdeselected
. コントローラー内でこれを行う方法。HTML内にイベントを追加しng-click
、コントローラー内でクラスを切り替えてみましたが、他のアイテム内の他のすべてのサブアイテムには適用されません。詳細については、html とコントローラー コードの両方を以下に示します。
コントローラー内には、次のようなコードがあります。
data
UI 内で使用されるオブジェクトには、子も含まれます。どこが間違っているのか教えてください。
angularjs - ng-class にスコープを挿入する
私の問題は簡単です:私はこれをやっています:
問題は、ほとんどの場合、css のクラスが機能しcollab_infoticket.tags[0]
ていないため、構文の問題が原因であるかどうかを知りたいです。奇妙なのは、時々それが機能することです! ただし、これclass_{{infoticket.tags[0]}}
は常に機能します。