問題タブ [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.
angularjs - Angular ng-click イベント委任
したがって、100 個の li を持つ ul がある場合、各 li に ng-clicks が必要ですか、またはイベントを ul にバインドし、それを li の種類の jquery に委任する方法はありますか? これは良くなりますか、それとも悪くなりますか? 100 のイベントがありますか、それとも最終的に 1 つのイベントだけですか?
angularjs - どのように/いつng-clickを使用してルートを呼び出すのですか?
ルートを使用しているとします。
また、HTML では、ボタンがクリックされたときに about ページに移動したいと考えています。1つの方法は
...しかし、ここでも ng-click が役立つようです。
- その仮定は正しいですか?アンカーの代わりに ng-click を使用できますか?
- もしそうなら、それはどのように機能しますか?いいえ:
<div ng-click="/about">
angularjs - ng-repeat 内で ng-click が機能しない
ng-click は ng-repeat 内からは機能しません。外では動作します。ここにフィドルを置きました
angularjs - テンプレート内から ng-click が起動しない
AngularJS では、スコープをバインドするためのディレクティブまたは routeProvider なしで、テンプレート内からメソッドを呼び出すことができますか?
私の特定の問題は、メイン コントローラー (AppCtrl) がインデックス ページの本文にあることです。インデックスでは、ngView を使用して、ルーティングに従ってテンプレートを取り込みます。デフォルトのテンプレートを除いて、各 routeProvider には独自のコントローラーがあります。スコープの継承により、テンプレートから AppCtrl で定義されたメソッドを使用できると想定しましたが、単純なアラートまたは console.log を実行しようとしても何も登録されません。データが正しく表示されるため、$scope がテンプレートに到達していることはわかっています。
これは $scope の問題のようですが、対処方法がわかりません。それらを明示的にバインドするディレクティブを作成する必要がありますか?
index.html
app.js
controllers.js
list.html
angularjs - ng-repeat 内の ng-click 関数にパラメーターを追加しても機能しないようです
ng-repeat
次のような単純なループがあります。
コントローラーには機能があります$scope.removeTask(taskID)
。
私が知る限り、Angular は最初にビューをレンダリングし、補間{{task.id}}
された値を数値に置き換えてから、クリック イベントでng-click
文字列を評価します。
この場合ng-click
、完全に期待どおりの結果が得られます。つまり:ng-click="removeTask(5)".
ただし... 何もしていません。
もちろんtask.id
、$tasks
配列や DOM から取得するコードを書くこともできますが、これは Angular の方法とは思えません。
では、ループng-click
内のディレクティブに動的コンテンツを追加するにはどうすればよいでしょうか?ng-repeat
angularjs - ng-click で DOM オブジェクトへの参照を渡す
ng-click で同じコールバックを持つ複数の要素があります。
doSomething を呼び出したオブジェクトへの参照を取得するにはどうすればよいですか? (属性を削除する必要があります)