問題タブ [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 - アイテムがクリックされた順にng-classを設定するには?
http://plnkr.co/edit/pUtuZy?p=preview
私はこれらの3つの境界クラスを持っています:
クラスを取得するためにクリックされた最初のボタンが必要ですborder1
.2番目のボタンがborder2
クラスをクリックし、 border3
.
また、最終的にはユーザーが 3 つ以上のボタンを選択できないようにするコードを用意する予定なので、ユーザーは 3 つのボタンしか選択できなくなります。
現在のマークアップ ロジック:
ただし、2 番目と 3 番目のボタンが適切なスタイルを取得するようにロジックを記述する方法がわかりません。この問題にどのようにアプローチしますか?
javascript - ディレクティブの角度適用クラス
ブートストラップ フォーム グループを生成する角度ディレクティブがあり、ディレクティブの ng-model の値を $scope.errors で検索してエラーを表示します。以下の例: 私の html コード:
と私のディレクティブコード:
どうすれば望ましい結果が得られるか教えてください。
angularjs - ng-switch-when と ng-class の互換性
このサンプルのように ng-switch-when と ng-class が同じ要素で使用されている場合、互換性の問題がないかどうか疑問に思っていました。
この 4 つの要素のクラスを動的に変更しようとしていますが、何らかの理由で、現在表示されている要素だけで、すべての要素で機能していません。
ここで何が起こっているか知っている人はいますか?
div を切り替えます。
いずれかのクラスを返します。
どうもありがとう。
angularjs - 指定された引数を評価しない ng クラス
ng-class ディレクティブに問題があります。画面サイズが大または中の場合に動的にクラスを追加したいです。コントローラーで正しい値が表示されますが、必要なクラスが追加されていないため、htmlなどを生成するときに条件が評価されていないことがわかります。
そしてhtml部分
' で形成されたテンプレート内にラベルがあるため、' 文字をエスケープします。
ありがとう、ヴィオ
css - Angular で ngClass を配列メンバーシップに反応させるにはどうすればよいですか?
そのリストメンバーのIDが配列にあるかどうかに反応するリストクラスを作成しようとしています。コントローラーの関数でそれを処理できますが、配列が変更された場合、クラスは自動的に更新されません。
これが私の問題を表すプランカーです。すべてのIDを$scope.redIds
赤くしたいです。
http://plnkr.co/edit/rl8WWgTRnksDkEddmhj9
以下のコード:
app.js:
ありがとうございました!
EDIT Plunker は、実用的なソリューションで更新されました: http://plnkr.co/edit/rl8WWgTRnksDkEddmhj9