問題タブ [angular-ng-if]

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 投票する
1 に答える
28471 参照

angularjs - 値に基づいて ng-class を適用する

ng-repeatスコアのリストと、正または負の値を表示する単純なものがあります。

私がやろうとしているのは、値が負の場合は赤い背景の CSS クラスを表示し、正の場合は緑の CSS クラスを表示することです。ただし、何らかの理由で、ページに赤いCSS クラスが常に表示されます。

HTML:

CSS:

0 投票する
2 に答える
1192 参照

angularjs - trackby と ng-if を使用した ng-repeat

ある値に応じて an を持つテーブルがありng-ifます。<tr>

私のコードは次のようになります。

row.obj1存在する場合と存在row.obj2しない場合、またはその逆の場合でも、これによりエラーが発生します。

row.obj1 は someConditional が true の場合に存在し、row.obj2 は !someConditional が true の場合に存在します。

someConditional が true の場合、angularjs は、row.obj2 が存在しない (つまり、定義されていない) というエラーをスローします。

これは既知のバグですか? これに対する回避策はありますか?

0 投票する
2 に答える
2688 参照

angularjs - Angular : ng-if と辞書

AngularJS の初心者ですが、次の問題が発生しています。

ng-if辞書が空かどうかを評価するにはどうすればよいですか?

配列ではうまく機能しますng-if="myArray.length"が、辞書では機能しません。

Object.keys(myDict).length編集:動作しないこともすでに試しました。

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

javascript - AngularJS での ng-show の問題

たとえば、次のコードがあるため、AngularJS で ng-show または ng-if に問題があります。

そしてコントローラーでは、正しい方法があります:

さて、ページを開くと、一瞬 DIV が表示され、その後非表示になります。私の質問は、div を常に非表示にする方法はありますか? その後、ボタンを押して表示できますが、これは問題ではありません。

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

angularjs - ng-if を使用しない Angularjs ディレクティブの条件付きレンダリング

認証サービスから指示された場合にのみレンダリングするディレクティブがあります。

ディレクティブ自体は非常に空です:

ディレクティブはログイン時に常にレンダリングされる必要があるため、ngIf ロジックは ng-if ではなく、ディレクティブ宣言内にある必要があります (ngIf のないディレクティブは完全に壊れてしまいます)。

と同じ動作が必要であることを認識して、ディレクティブ コードを変更するには (ディレクティブ宣言内のセキュリティ サービスにテストを挿入する)、どうすればよいngIfですか? :

  • nfIfに解決される場合にのみ DOM に存在するディレクティブtrue
  • nfIf解決時に $destroy の自動呼び出しfalse) ?

compile関数と監視するウォッチャーを使用しようとしましたsecurity.isAuthenticated()が成功しませんでした

0 投票する
8 に答える
159087 参照

angularjs - ng-if、等しくない?

値のリストを表示する単純な ng-reapt があります。一部の出力では、DIV を表示/非表示にする ng-if がいくつかあります。

HTML:

セクションを表示しようとすると、アプリケーションでエラーが表示されます!=

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

javascript - angular ng-if数値ブール値

Angular ng-if を機能させるのに少し問題があります。$scope.week = 1 のときに DOM 要素の 1 つを非表示にしたい。

コントローラーで設定しました

私のマークアップには

ng-ifで評価するブール条件を取得する方法を知っている人はいますか? ありがとう!

0 投票する
2 に答える
272 参照

javascript - 解析された値が nil でない場合、Angular は ng-minlength の属性のみを配置します

ng-minlength解析元の値data.Validation['minlength']が nil でない場合にのみ属性を設定したい。

最初に使用してみng-switchました; を処理するときにこれを行うのに問題はありませんでしたng-show=true/false。ただし、値だけでなく、の宣言全体を超えている場合、機能させることができませんでしたng-minlength="..."。2回目の試みは使用しng-ifていましたが、入力の「途中」で機能させることができませんでした。

ng-minlength="data.Validation['minlength']"以下は動作するコードです -値が nil でない場合にのみ全体を設定したいです。