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

angularjs - angularjs ngrepeat設定の配列値が機能しない

データポイントの ng-repeat <ul> リストを持つ angularjs ページがあります。各 <li> には削除リンク (これを削除 1 と呼びます) があり、クリックするとその削除 1 リンクを非表示にし、その場所にさらに 2 つのリンクを表示する必要があります: キャンセルと削除 (これを削除 2 と呼びます)。[キャンセル] リンクをクリックすると、元の [削除 1] リンクが表示され、[キャンセル] リンクと [削除 2] リンクが非表示になる必要があります。現在、これはすべて機能していますが、新しい要件があります。

削除 1 リンクをクリックすると、他のリスト アイテムのすべての「キャンセルして削除 2」リンク ペアを非表示にする必要があります。AngularJS はシングル アクション ベースなので、deleteLinkClick と cancelLinkClick の関数を作成して、必要な複雑なアクションを作成します。

以下に示すコントローラ コードを見ると、show フラグが false に設定されていることがわかりますが、機能しません。提案?

これが私の(スリムな)htmlページです:

これが私の(coffeescript)コントローラーコードです:

前もって感謝します

-w

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

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 の何かだと思いますが、数時間いじって読んだ後でも、まだ近づいていません。

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

javascript - ジャスミンでng-showが変化しない

スピナーを表示する角度ディレクティブのジャスミン テストをいくつか書いています。私のディレクティブは次のようになります。

私のテンプレートは次のようになります。 <div><div ng-show="show" class="processing-spinner-container"></div></div>

今、ジャスミンの単体テストを行い、ng-show をテストしたいとき、私はこのようなものを持っています

ただし、このテストは失敗します。ng-hide$scope.show を true に設定しても、まだクラスがあります。

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

angularjs - $location.url == ベース (ルート) URL の場合、ng-hide を使用するにはどうすればよいですか?

ホームページを除く Angular アプリのすべてのページのナビゲーションの下に← ホームに戻るリンクを表示したいと思います。ng-hideそのため、条件付きでリンクを追加し、URL が既にアプリのホームページ (ビュー) にある場合を使用して非表示にしたいと思います。

angularの$locationサービスを使用してみましたが成功しませんでした

次のバリエーションを試しました。

location.hash == '#/'ホームページで when の値をログに記録すると が得られるtrueので、私は困惑していますng-hide

基本的に、ここにリストされている 3 番目のアプローチを試しています: 現在のページ/ルートに基づいて角度のある ng-hide を使用するにはどうすればよいですか? しかし、それは機能していません。そのページの他の 2 つのアプローチは、私が達成しようとしていることに対して複雑すぎるようです。

私は何が欠けていますか?

0 投票する
7 に答える
63285 参照

angularjs - この ng-show ng-hide が機能しない理由

AngularJS にシンプルなアプリがあります。AJAX リクエストが行われたときにメッセージを動的に表示したい。残念ながら、常に非表示の状態であり、その理由がわかりません。

HTML:

AngularJS コントローラー:

スクリーンショット

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

javascript - ブートストラップモーダルが閉じられるなどの要素の外側をクリックすると、関数が呼び出されます

divのポップアップボックスを作成しました。アイコンをクリックすると表示され、閉じるボタンをクリックすると非表示になります。しかし、ポップアップの外側をクリックすると、閉じたいと思います。そのために私にできること。私は自分のプロジェクトで angular を使用しており、ng-show と ng-hide を使用して div を表示および非表示にしています。どんな助けもかなりのものです。前もって感謝します。htmlコード

Java スクリプト

divの外側をクリックした場合に閉じたいだけです