問題タブ [angularjs-ng-click]
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.
class - ng-click が正しく動作しない
3 つのボタンからカルスを追加/削除しようとしていますが、何らかの理由で複数のクリックが必要な場合があります
JavaScript:
プランカー:
javascript - コントローラーでオブジェクトを取得する
コントローラー内で ng-click を使用して、要素の jQuery を介して DOM オブジェクトを取得する必要があります。
HTML
コントローラ
変数objには要素がありますが、それを操作できません。$(obj). hide();を試してみると 何も起こりません。
編集:これは Angular で要素を非表示にする正しい方法ではありません! 例として使用されているだけです!ng-hide で要素を非表示にします。
angularjs - AngularJS - ng-click は、もう一度クリックしたときに前のクリックの変更を削除しません
だから私はこの例を完成させようとしています: http://jsfiddle.net/pkozlowski_opensource/WXJ3p/15/
ただし、何らかの理由で、ある div をクリックしてから別の div をクリックすると、前の div から「アクティブな」クラスが削除されないため、両方が強調表示されるため、すべてをクリックすると、すべての div でクラスがアクティブになります。そのうちの。フィドルの例のように、ボディの他の場所をクリックしたり、他の div をクリックしたりすると、実際にクラスが削除される場所に移動したいと考えています。
私のjsFiddle http://jsfiddle.net/GeorgiAngelov/jUj56/4/
angularjs - AngularJS と jsPlumb を使用する (AngularJS コントローラーで jsPlumb 関数を使用する)
私が取り組んでいるプロジェクトがあり、グラフィカル要素の接続にjsPlumbを使用する必要があり、AngularJSを使用してアプリを完全に構築しています。
別のライブラリのコードをコントローラー (たとえば ng-click でいくつかの jsPlumb コードを起動するため) または私の AngularJS コードの他の部分に含めたい場合に従うべき手順は何ですか? そうすべきですか、それともなぜそうすべきではないのですか?
twitter-bootstrap - Angularjs - ng-click と $event.stopPropagation は Twitter ブートストラップ コンテキスト メニューを無効にします
こんにちは、私は $event.stopPropagation を使用しようとしています。独立している必要がある 1 つのコンテナーに多くの異なるクリックがあり、$event.stopPropagation を使用してそれらを処理するためですが、ブートストラップに関しては、何らかの理由でできませんそれを機能させます。コンテキスト メニューのクリックは、コンテナー全体での実際の ng-click として検出されます。$event.stopPropagation があるかのように Twitter のブートストラップ コンテキスト メニューを動作させるにはどうすればよいですか?
ここにフィドルがありますhttp://jsfiddle.net/GeorgiAngelov/tJY2s/
href='#' をトリガーする ng-click イベントを追加しようとしましたが、それでも機能しません。href='#' http://jsfiddle.net/GeorgiAngelov/tJY2s/1/を置き換える ng-click を使用した jsFiddle
javascript - 要素を ng-click アクションから除外する方法
このクリック アクションを実行しないでください。次のような構造になっています。
takeSomeAction()
ボタンをクリックしたときに実行されないようにする方法は?
javascript - 動的クリックハンドラーのng-clickにバインドされた変数を渡す
私は次のdomを持っています。
これはディレクティブでラップされます:
わかりやすくするために、アクションは次の形式のオブジェクトです。
特定の反復に応じて、、、などになりますcol.field
。some_column
some_other_column
これは正常にバインドされ、クリック可能なクラスが ng-click が空白でない要素に追加されます。
ただし、コントローラーのメソッドは呼び出されません。どうしてこれなの?また、文字列表現に基づいて関数に動的にバインドするにはどうすればよいですか?
activity[col.field] (この場合) の文字列表現は次のとおりfetch('activity', $parent.$index)
です。
controller:
コントローラーは、親ディレクティブのキーを介して定義されているため、確実にスコープ内にあります(これが関連しているかどうかは不明です)分離スコープ。
注: ハッキングして機能させる方法を見つけました。
明らかに、それは理想的とは言えない解決策です...
javascript - AngularJS - ngSwitch と ngClick が ngRepeat で機能しない
のおかげでリストの要素を表示したいのですが、 のngSwitch
使い方がわかりませんngRepeat
。ngSwitch
どのように機能するかを理解し、私がやりたいことを示すために、リストなしで始めることから始めました。理解に役立つjsFiddleを次に示します。 jdFiffle 1
次に、リストを使用しようとしましngRepeat
たが、何をしようとしてもうまくいきません。次に、リストを使用する 2 番目の jsFiddle を示します: jsFiddle 2
の中にいるngClick
とngSwitch
動作しないようですngRepeat
...どうすれば動作させることができますか? 前もって感謝します!
javascript - アンカーのangularjs ng-clickとhref
アンカーに ng-click と href が一緒にある場合、ng-click は機能しません。可能であれば両方を機能させ、ルートに移動してから関数を実行したいと考えています。私のユースケースは、リンクのパネルで引き出しを開き、リンクに移動するときに引き出しを閉じたいということです。
両方を同時に機能させる簡単な方法は何ですか?