問題タブ [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.

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

class - ng-click が正しく動作しない

3 つのボタンからカルスを追加/削除しようとしていますが、何らかの理由で複数のクリックが必要な場合があります

JavaScript:

プランカー:

http://plnkr.co/QuXPziBWUgmiHcmcqC4F

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

javascript - コントローラーでオブジェクトを取得する

コントローラー内で ng-click を使用して、要素の jQuery を介して DOM オブジェクトを取得する必要があります。

HTML

コントローラ

変数objには要素がありますが、それを操作できません。$(obj). hide();を試してみると 何も起こりません。


編集:これは Angular で要素を非表示にする正しい方法ではありません! 例として使用されているだけです!ng-hide で要素を非表示にします。

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

angularjs - AngularJS - ng-click は、もう一度クリックしたときに前のクリックの変更を削除しません

だから私はこの例を完成させようとしています: http://jsfiddle.net/pkozlowski_opensource/WXJ3p/15/

ただし、何らかの理由で、ある div をクリックしてから別の div をクリックすると、前の div から「アクティブな」クラスが削除されないため、両方が強調表示されるため、すべてをクリックすると、すべての div でクラスがアクティブになります。そのうちの。フィドルの例のように、ボディの他の場所をクリックしたり、他の div をクリックしたりすると、実際にクラスが削除される場所に移動したいと考えています。

私のjsFiddle http://jsfiddle.net/GeorgiAngelov/jUj56/4/

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

angularjs - AngularJS と jsPlumb を使用する (AngularJS コントローラーで jsPlumb 関数を使用する)

私が取り組んでいるプロジェクトがあり、グラフィカル要素の接続にjsPlumbを使用する必要があり、AngularJSを使用してアプリを完全に構築しています。

別のライブラリのコードをコントローラー (たとえば ng-click でいくつかの jsPlumb コードを起動するため) または私の AngularJS コードの他の部分に含めたい場合に従うべき手順は何ですか? そうすべきですか、それともなぜそうすべきではないのですか?

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

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

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

javascript - 要素を ng-click アクションから除外する方法

このクリック アクションを実行しないでください。次のような構造になっています。

takeSomeAction()ボタンをクリックしたときに実行されないようにする方法は?

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

javascript - 動的クリックハンドラーのng-clickにバインドされた変数を渡す

私は次のdomを持っています。

これはディレクティブでラップされます:

わかりやすくするために、アクションは次の形式のオブジェクトです。

特定の反復に応じて、、、などになりますcol.fieldsome_columnsome_other_column

これは正常にバインドされ、クリック可能なクラスが ng-click が空白でない要素に追加されます。

ただし、コントローラーのメソッドは呼び出されません。どうしてこれなの?また、文字列表現に基づいて関数に動的にバインドするにはどうすればよいですか?

activity[col.field] (この場合) の文字列表現は次のとおりfetch('activity', $parent.$index)です。

controller:コントローラーは、親ディレクティブのキーを介して定義されているため、確実にスコープ内にあります(これが関連しているかどうかは不明です)分離スコープ。

注: ハッキングして機能させる方法を見つけました。

明らかに、それは理想的とは言えない解決策です...

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

javascript - AngularJS - ngSwitch と ngClick が ngRepeat で機能しない

のおかげでリストの要素を表示したいのですが、 のngSwitch使い方がわかりませんngRepeatngSwitchどのように機能するかを理解し、私がやりたいことを示すために、リストなしで始めることから始めました。理解に役立つjsFiddleを次に示します。 jdFiffle 1

次に、リストを使用しようとしましngRepeatたが、何をしようとしてもうまくいきません。次に、リストを使用する 2 番目の jsFiddle を示します: jsFiddle 2

の中にいるngClickngSwitch動作しないようですngRepeat...どうすれば動作させることができますか? 前もって感謝します!

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

javascript - アンカーのangularjs ng-clickとhref

アンカーに ng-click と href が一緒にある場合、ng-click は機能しません。可能であれば両方を機能させ、ルートに移動してから関数を実行したいと考えています。私のユースケースは、リンクのパネルで引き出しを開き、リンクに移動するときに引き出しを閉じたいということです。

両方を同時に機能させる簡単な方法は何ですか?