問題タブ [angularjs-ng-show]

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 に答える
1195 参照

angularjs - コンテンツを非表示にするために ng-show と ng-if が遅れる

searchQuery が空かどうかに基づいて、クリアボタンを表示および非表示にするために、次のようにしています。ユーザーが入力ボックスに入力を開始すると、ボタンがすぐに表示されます。

ただし、ユーザーがクリア ボタンをクリックするか、すべての入力を削除すると、クリア ボタンが削除されるまでに顕著な遅延が生じます。ng-show も試しましたが、同じ結果が得られました。このラグが存在する理由は何ですか?

HTML

コントローラ

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

angularjs - ラジオボタンをクリックしても他のdivが表示されない

私はブートストラップとangularjsが初めてで、かなり単純なものを作成しようとしていますが、見えない問題があるようです。

ラジオの値が true の場合は div を表示し、ラジオの値が false の場合は非表示にします。これは私がこれまでに持っているコードです - インターネットで例を調べましたが、それらはすべて私と同じように動作するようです。

これまでコントローラーを定義していません。この html ファイル ( JSFiddle ) だけです。

興味深いことに、ラジオをテキスト フィールドに置き換えてng-model="preferredDealer"入力trueすると、div が表示されます。true 以外に変更するとすぐに非表示になります。

ここで何が欠けていますか?

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

angularjs - ビュー変数を更新しないAngularJs

ここで状況が発生しています。私のWebサイトはangularjsで構築されています。私のルート全体は角度を介して管理されています。ログインに成功したら、ユーザーをダッシュ​​ボード ページにリダイレクトします。要素に show hide 条件があり、現在は機能しなくなりました。コードは次のとおりです。

そのため、タイルはログイン ユーザーにのみ表示されます。ログイン後、タイルが表示されるはずです。routechangesuccess イベントをリッスンして変更しますが、機能しません。

しかし、これはタイルを有効にするものではありませんが、console.log($scope.ShowTiles);true と表示されます。safeapply を試してみましたが、まだ役に立ちませんが、ページ全体を更新すると機能します。

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

angularjs - Angular ディレクティブで選択オプションのドロップダウンを使用するには?

プランク: http://plnkr.co/edit/pJRzKn2v1s865w5WZBkR?p=preview

  • シンプルなフォームと高度なフォームの 2 つのフォームがあります。
  • どちらにも同じオプションがあります(多くのオプション)
  • 含まれている開始選択タグの違いはわずかです。

私のディレクティブコントローラーでは、次のような変数を使用して、開始選択タグを表示および非表示にしています。

ただし、HTML は最終的に次のようになり、デザインが壊れます。 ここに画像の説明を入力

これをどのようにリファクタリングしますか?

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

angularjs - AngularJS でクエリ文字列にアクセスするにはどうすればよいですか

制限を加えようとするまで、問題なく動作する ng-repeat があります。

これはうまくいきます:

弁護士の名前を吐き出します。しかし、それに条件を追加しようとすると:

何も表示されません。私はその ng-show を間違っていると思っていますが、適切に行う方法が見つからないようです。

ありがとう!

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

angularjs - angularjs - ng-show が ng-repeat で動作しない

ng-clickで変数を true に設定していますが、その下の div が表示されません。この投稿をフォローしましたが、おそらくng-repeatでは機能しないようです? これがプランカーです: http://plnkr.co/edit/90G1KAx9Fmf2SgRs5gYK?p=preview

0 投票する
4 に答える
3767 参照

javascript - ネストされた画像が存在する場合にのみ、AngularJS ng-repeat ループでオブジェクトを表示する方法は?

私の AngulaJS 駆動のフロントエンドは、ローカルJSONファイルからデータを取得し、後で API に切り替えます。データは、ProjectオブジェクトのリストがネストされたImageオブジェクトのリストです。このデータをループで表示しています:

ただし、画像srcが無効な場合があります (エラー404)。images[0]最初の画像 ( ) が見つからないようなプロジェクトはスキップしたほうがよいでしょう。スクリプトが無関係なオブジェクトをスキップするようにする方法は?


編集

すでに 3 つの回答を得ていますが、解決策がうまくいかず、問題を正確に説明したいと思います。

画像のsrcプロパティは常に設定されています。それは問題ではありません。つまり、設定されているかどうか (ng-show="projectItem._embedded.images[0].src != ''"または などng-if="{{projectItem._embedded.images[0].src}}")のチェックは機能しませ。機能しません。

機能しません-srcプロパティが設定されています。これは間違っています (404エラーの原因になります) が、設定されており、「無関係な」オブジェクトに対してもprojectItem._embedded.images[0].src != ''返されます。true

ここに画像の説明を入力

ここに画像の説明を入力

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

angularjs - HTMLのテンプレートからngShowが機能しない

HTML ページのテンプレートから div を表示および非表示にするのに問題があります。ここに簡単な JSFiddle の例を示します

そしてHTMLはそのようなものです:

表示または非表示にする div は html ページ全体であるため、こののように html コードをテンプレートに追加することはできません。

前もって感謝します