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

javascript - AngularJS を使用して同じ要素で ng-click と ng-dblclick を処理する

要素に ng-dblclick ディレクティブが設定されていても、AngularJS は常に ng-click イベントのみを発生させるため、AngularJS を使用したシングルクリックとダブルクリックの両方のイベント処理を探していました。

解決策を求める人のための実用的なコードを次に示します。

JS:

HTML:

私の質問は (私は AngularJS の初心者なので) です: より経験豊富な誰かが、これらの両方のイベントを処理するための素晴らしいディレクティブを書くことができますか?

私の意見では、完璧な方法は、ng-click、ng-dblclick の動作を変更し、シングルクリックのみのコードを処理するための「ng-sglclick」ディレクティブを追加することです。それが可能かどうかはわかりませんが、誰にとっても非常に便利だと思います。

ご意見をお聞かせください。

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

angularjs - ngTransclude 内で ngClick を使用して関数をトリガーする

ngRepeat を使用しているときに、配列から 4 つの項目をロードした順序付けられていないリストがあります。リスト項目のアンカー タグには、メッセージを起動する ngClick 属性の機能があります。関数呼び出しは、次のように使用するとうまく機能します。

リスト項目を含む順序付けられていないリストを挿入するための簡単なディレクティブを作成しました。リストは問題なくロードされますが、前述の同じ機能が起動しません。コードは次のとおりです。

これが私のjavascriptとangularjsコードです:

私がやろうとしたことを見たい場合に備えて、plnkrもあります: http://plnkr.co/edit/ycaAUMggKZEsWaYjeSO9?p=preview

助けてくれてありがとう。

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

javascript - jQuery が ng-repeat の結果で機能しない

jQueryとTBを使用してアコーディオンを構築するためにng-repeatを使用しています。何らかの理由で、これはハードコードされている場合は完全に機能しますが、ng-repeat ディレクティブ内でクリックしてもトリガーされません。

問題は、jQueryが事後にロードされた要素をバインドしていないことにあると考えていました。したがって、ページの読み込み時にスクリプトを読み込むのではなく、データが返されたときに .success で関数を読み込む方がよいと考えました。残念ながら、これを機能させる方法がわかりません。

テストページ: http://staging.converge.io/test-json

コントローラー

HTML :

jQuery (ng-repeat 外で動作)

助けてくれてありがとう!

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

angularjs - 異なるコントローラーに属する2つのメソッドを実行するng-click

ボタンがクリックされとき両方
関数実行
たい

ネストされたコントローラーの概念を指定せずにそれを行うにはどうすればよいですか

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

angularjs - AngularJS リストから画像を選択

簡単な写真リストを実装しています。これが私のコードです。2 つの質問があります。 1. ユーザーが画像をクリックするたびに 1 つの選択を行いたい。彼が 1 つの写真を選択するたびに、他の選択がクリアされます。どうやってやるの?2. 境界線の代わりに、fa-check ( http://fontawesome.io/icon/check/ )などのアイコンを使用したいと思います。cssでどのように組み合わせることができますか?

ありがとう!

cssファイル

jsファイル

htmlファイル

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

angularjs - Angularjs:ng-clickにはメソッド「$ apply」がありません

body に DOM 要素を追加します。工場でコードを書きました。

ng-click 以外はすべて動作します。divをクリックすると、このエラーが発生しました:

私は何を間違えましたか?ありがとう