問題タブ [angularjs-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 投票する
12 に答える
317390 参照

angularjs - ng-if と ng-show/ng-hide の違いは何ですか

ng-ifng-show/の違いを理解しようとしてng-hideいますが、同じように見えます。

どちらを使用するかを選択する際に留意すべき違いはありますか?

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

angularjs - ng-repeat内のスイッチとしてng-ifを使用していますか?

私はAngularアプリに取り組んでいます。ng-if を使用してng-repeat内で切り替えようとしましたが、成功しませんでした。次のようなデータがあります。

$scope.comments = 上記のデータ
と私の Html のようなもの:

Angularでこれを達成するにはどうすればよいですか?

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

angularjs - angularjsがng-ifを無視するのはなぜですか?

私はng-ifを使用しようとしましたが、Angularは彼をコンパイルしませんでした。テストコードを見てください:

および機能テスト:

このページを実行すると、false を返すテストにもかかわらず、"Li" に "ddd" が表示されます。

次のステップでは、「ng-if」「ng-show」に置き換えました。

そして、その機能、「ddd」非表示。ng-show が動作している場所で ng-if が動作しないのはなぜですか?

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

javascript - ng-if が ng-repeat 内で機能しない理由

ng-repeat 内で ng-if を適切に使用できません。AngularJS を最新バージョン (2014 年 9 月 27 日) に更新しましたが、まだ正しく動作しません。ng-repeat の外で正常に動作するコードがあり、ng-if="vm.detail == false" の場合に ng-repeat 内で正常に動作するコードもあります。ただし、 ng-if="vm.detail == true" は機能しません。vm.detail の値をコンソールに出力しましたが、正しいはずです。ただし、ng-if="vm.detail == true" を「true」と評価するコード ブロックは実行されません。それはナッツです。これが私のコードです:

そしてコントローラー:

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

javascript - 別の ng-if 内の ng-if を使用した Angular ディレクティブが機能しない

ディレクティブは次のとおりです。

何らかの理由で、field.bindingTypeが 'options' であるために最初のng-ifを渡す場合でも、2 番目のng-ifを渡すことができます (bindingType は 'options' ではありません)。明らかに、それは不可能ですが、それは起こり続けています。

これは、フィールドの場合にのみ発生します。ただし、 type は内部の ng-if 条件の 1 つと一致します。ディレクティブのng-if="field.bindingType != 'options'"部分を無視しているかのようです。

ここで何が問題なのですか?

ありがとう。

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

angularjs - ng-if内のangularjs ng-repeat

ng-repeat内のangular js ng-ifが機能しない 私のangularjs ng-ifコード

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

angularjs - $last ngRepeatの結果をhrefの外に出す方法は?

<li class="active">Four</li>の代わりに$last ng-repeat の結果をこのように配置するオプションはあります<li><a href="#">Four</a></li>か? 私は試してみましng-ifたが、残念ながらまだ良い解決策が得られませんでした:(

デモ: http://codepen.io/anon/pen/bdvVRe

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

javascript - この場合、ng-if または他の式を使用してテキストを変更する方法は?

tagの値に基づいてタイトルタグのテキストを変更しようとしていdirectionます:

方向はpositivenegativeまたはstagnantのいずれかで、対応するか、title="Percentage increase" title="Percentage decrease"またはtitle="Percentage"

この場合、どのAngular構文を使用するのが最適ですか?