問題タブ [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 - angularjs ngrepeat設定の配列値が機能しない
データポイントの ng-repeat <ul> リストを持つ angularjs ページがあります。各 <li> には削除リンク (これを削除 1 と呼びます) があり、クリックするとその削除 1 リンクを非表示にし、その場所にさらに 2 つのリンクを表示する必要があります: キャンセルと削除 (これを削除 2 と呼びます)。[キャンセル] リンクをクリックすると、元の [削除 1] リンクが表示され、[キャンセル] リンクと [削除 2] リンクが非表示になる必要があります。現在、これはすべて機能していますが、新しい要件があります。
削除 1 リンクをクリックすると、他のリスト アイテムのすべての「キャンセルして削除 2」リンク ペアを非表示にする必要があります。AngularJS はシングル アクション ベースなので、deleteLinkClick と cancelLinkClick の関数を作成して、必要な複雑なアクションを作成します。
以下に示すコントローラ コードを見ると、show フラグが false に設定されていることがわかりますが、機能しません。提案?
これが私の(スリムな)htmlページです:
これが私の(coffeescript)コントローラーコードです:
前もって感謝します
-w
angularjs - ng-repeat によって作成されたボタンのリストについては、ng-show/ng-hide を ng-click してください
ng-repeat によって作成された再生/一時停止ボタンのリストがあります。各再生ボタンをクリックして曲をストリーミングすると、ボタンが一時停止ボタンに変わります (一時停止できるようになります)。ボタンとクリック イベントを正しく設定できましたが、1 つの再生ボタンをクリックすると、すべてのボタンが一時停止ボタンに変わるという問題が発生しました。
私は(私が思うに)これが起こっている理由を理解しています.ng-show変数(visible)が変更されているため、それらすべてに影響します.
これに関する他の同様の回答(ng-repeat ng-show dilemna)を読みましたが、レッスン($ indexの使用など)を私の例に適用できませんでした。また、多くの例とフィドルでは、クリックした div を使用して、次のような処理show = !show
を行い、次に "loading..." を表示します。
私のはちょっと違うと思います。
これが私のhtmlです:
私のコントローラーの関連部分は次のとおりです。
これを処理するにはどのような方法がありますか? 1 つの再生ボタンをクリックすると、再生ボタンだけが非表示になり、そのボタンだけの一時停止ボタンが表示されます。おそらく $index または Parentindex の何かだと思いますが、数時間いじって読んだ後でも、まだ近づいていません。
javascript - ジャスミンでng-showが変化しない
スピナーを表示する角度ディレクティブのジャスミン テストをいくつか書いています。私のディレクティブは次のようになります。
私のテンプレートは次のようになります。
<div><div ng-show="show" class="processing-spinner-container"></div></div>
今、ジャスミンの単体テストを行い、ng-show をテストしたいとき、私はこのようなものを持っています
ただし、このテストは失敗します。ng-hide
$scope.show を true に設定しても、まだクラスがあります。
angularjs - $location.url == ベース (ルート) URL の場合、ng-hide を使用するにはどうすればよいですか?
ホームページを除く Angular アプリのすべてのページのナビゲーションの下に← ホームに戻るリンクを表示したいと思います。ng-hide
そのため、条件付きでリンクを追加し、URL が既にアプリのホームページ (ビュー) にある場合を使用して非表示にしたいと思います。
angularの$location
サービスを使用してみましたが成功しませんでした
次のバリエーションを試しました。
location.hash == '#/'
ホームページで when の値をログに記録すると が得られるtrue
ので、私は困惑していますng-hide
。
基本的に、ここにリストされている 3 番目のアプローチを試しています: 現在のページ/ルートに基づいて角度のある ng-hide を使用するにはどうすればよいですか? しかし、それは機能していません。そのページの他の 2 つのアプローチは、私が達成しようとしていることに対して複雑すぎるようです。
私は何が欠けていますか?
angularjs - この ng-show ng-hide が機能しない理由
AngularJS にシンプルなアプリがあります。AJAX リクエストが行われたときにメッセージを動的に表示したい。残念ながら、常に非表示の状態であり、その理由がわかりません。
HTML:
AngularJS コントローラー:
javascript - ブートストラップモーダルが閉じられるなどの要素の外側をクリックすると、関数が呼び出されます
divのポップアップボックスを作成しました。アイコンをクリックすると表示され、閉じるボタンをクリックすると非表示になります。しかし、ポップアップの外側をクリックすると、閉じたいと思います。そのために私にできること。私は自分のプロジェクトで angular を使用しており、ng-show と ng-hide を使用して div を表示および非表示にしています。どんな助けもかなりのものです。前もって感謝します。htmlコード
Java スクリプト
divの外側をクリックした場合に閉じたいだけです