問題タブ [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.
angularjs - コンテンツを非表示にするために ng-show と ng-if が遅れる
searchQuery が空かどうかに基づいて、クリアボタンを表示および非表示にするために、次のようにしています。ユーザーが入力ボックスに入力を開始すると、ボタンがすぐに表示されます。
ただし、ユーザーがクリア ボタンをクリックするか、すべての入力を削除すると、クリア ボタンが削除されるまでに顕著な遅延が生じます。ng-show も試しましたが、同じ結果が得られました。このラグが存在する理由は何ですか?
HTML
コントローラ
angularjs - ラジオボタンをクリックしても他のdivが表示されない
私はブートストラップとangularjsが初めてで、かなり単純なものを作成しようとしていますが、見えない問題があるようです。
ラジオの値が true の場合は div を表示し、ラジオの値が false の場合は非表示にします。これは私がこれまでに持っているコードです - インターネットで例を調べましたが、それらはすべて私と同じように動作するようです。
これまでコントローラーを定義していません。この html ファイル ( JSFiddle ) だけです。
興味深いことに、ラジオをテキスト フィールドに置き換えてng-model="preferredDealer"
入力true
すると、div が表示されます。true 以外に変更するとすぐに非表示になります。
ここで何が欠けていますか?
angularjs - ビュー変数を更新しないAngularJs
ここで状況が発生しています。私のWebサイトはangularjsで構築されています。私のルート全体は角度を介して管理されています。ログインに成功したら、ユーザーをダッシュボード ページにリダイレクトします。要素に show hide 条件があり、現在は機能しなくなりました。コードは次のとおりです。
そのため、タイルはログイン ユーザーにのみ表示されます。ログイン後、タイルが表示されるはずです。routechangesuccess イベントをリッスンして変更しますが、機能しません。
しかし、これはタイルを有効にするものではありませんが、console.log($scope.ShowTiles);
true と表示されます。safeapply を試してみましたが、まだ役に立ちませんが、ページ全体を更新すると機能します。
angularjs - Angular ディレクティブで選択オプションのドロップダウンを使用するには?
プランク: http://plnkr.co/edit/pJRzKn2v1s865w5WZBkR?p=preview
- シンプルなフォームと高度なフォームの 2 つのフォームがあります。
- どちらにも同じオプションがあります(多くのオプション)
- 含まれている開始選択タグの違いはわずかです。
私のディレクティブコントローラーでは、次のような変数を使用して、開始選択タグを表示および非表示にしています。
ただし、HTML は最終的に次のようになり、デザインが壊れます。
これをどのようにリファクタリングしますか?
angularjs - AngularJS でクエリ文字列にアクセスするにはどうすればよいですか
制限を加えようとするまで、問題なく動作する ng-repeat があります。
これはうまくいきます:
弁護士の名前を吐き出します。しかし、それに条件を追加しようとすると:
何も表示されません。私はその ng-show を間違っていると思っていますが、適切に行う方法が見つからないようです。
ありがとう!
angularjs - angularjs - ng-show が ng-repeat で動作しない
ng-clickで変数を true に設定していますが、その下の div が表示されません。この投稿をフォローしましたが、おそらくng-repeatでは機能しないようです? これがプランカーです: http://plnkr.co/edit/90G1KAx9Fmf2SgRs5gYK?p=preview
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