タグ付けされた質問 「angularjs-ng-click」

5
AngularJS ng-click stopPropagation
テーブル行にクリックイベントがあり、この行にはクリックイベントのある削除ボタンもあります。削除ボタンをクリックすると、行のクリックイベントも発生します。 これが私のコードです。 <tbody> <tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)"> <td>{{user.firstname}}</td> <td>{{user.lastname}}</td> <td>{{user.email}}</td> <td><button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)">Delete</button></td> </tr> </tbody> showUserテーブルセルの削除ボタンをクリックしたときにイベントが発生しないようにするにはどうすればよいですか?

7
ng-repeat内のng-click関数にパラメーターを追加しても機能しないようです
私はng-repeatこのような単純なループを持っています: <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> コントローラには機能があります$scope.removeTask(taskID)。 私の知る限り、Angularは最初にビューをレンダリングし、補間{{task.id}}して数値に置き換え、次にクリックイベントでng-click文字列を評価します。 この場合ng-click、期待どおりの結果が得ng-click="removeTask(5)".られます。つまり、何もしていません。 もちろんtask.id、$tasks配列やDOM から取得するコードを書くこともできますが、これはAngularの方法のようには見えません。 では、ループng-click内のディレクティブに動的コンテンツをどのように追加できng-repeatますか?

8
ng-clickを使用してルートを呼び出す方法とタイミング
ルートを使用しているとします。 // bootstrap myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider.when('/home', { templateUrl: 'partials/home.html', controller: 'HomeCtrl' }); $routeProvider.when('/about', { templateUrl: 'partials/about.html', controller: 'AboutCtrl' }); ... そしてあなたのhtmlでは、ボタンがクリックされたときにAboutページに移動したいとします。一つの方法は <a href="#/about"> ...しかし、ここでもng-clickが役立つようです。 その仮定は正しいですか?アンカーの代わりにng-clickを使用しますか? もしそうなら、それはどのように機能しますか?IE: <div ng-click="/about">


10
ng-clickを使用してangularJsでクラスを追加および削除する
私はngClickでクラスを追加する方法を働かせようとしています。plunkerにコードをアップロードしましたここをクリックしてください。角度のあるドキュメントを見ると、正確な方法がわかりません。以下は私のコードのスニペットです。誰かが正しい方向に案内してくれますか <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> コントローラ var app = angular.module("MyApp", []); app.controller("subNavController", function ($scope){ $scope.toggle = function (){ $scope.isVisible = ! $scope.isVisible; }; $scope.isVisible = false; });
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.