angularjs-ng-click | 易学教程

Ng-click doesn't work inside ng-repeat

阅读更多关于 Ng-click doesn't work inside ng-repeat

Ng-click doesn't work from inside ng-repeat. Outside it works. I've put a fiddle here <div ng-controller="MyCtrl"> <a ng-click="triggerTitle='This works!'">test</a> <h5>Please select trigger event: [{{triggerEvent}}] {{triggerTitle}}</h5> <ul class="dropdown-menu"> <li ng-repeat="e in events"> <a ng-click="triggerTitle=e.name; triggerEvent = e.action;">{{e.action}} - {{e.name}}</a> </li> </ul> </div> As Ven mentioned, ng-repeat does create a child scope for each item in the loop. The child scopes do have access to the parent scope's variables and methods through prototypal inheritance. The

Automatically pass $event with ng-click?

阅读更多关于 Automatically pass $event with ng-click?

问题 I know that I can get access to the click event from ng-click if I pass in the $event object like so: <button ng-click="myFunction($event)">Give me the $event</button> <script> function myFunction (event) { typeof event !== "undefined" // true } </script> It's a little bit annoying having to pass $event explicitly every time. Is it possible to set ng-click to somehow pass it to the function by default? 回答1: Take a peek at the ng-click directive source: ... compile: function($element, attr) {

adding and removing classes in angularJs using ng-click

阅读更多关于 adding and removing classes in angularJs using ng-click

I am trying to work how to add a class with ngClick. I have uploaded up my code onto plunker Click here . Looking at the angular documentation i can't figure out the exact way it should be done. Below is a snippet of my code. Can someone guide me in the right direction <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> Controller var app = angular.module("MyApp", []); app.controller("subNavController", function ($scope){ $scope.toggle = function (){ $scope.isVisible = ! $scope.isVisible; }; $scope.isVisible = false; }); geonunez You just need to bind a

Linking one controller to another to call service on ng-click

阅读更多关于 Linking one controller to another to call service on ng-click

问题 I have two templates with respective controllers and service files. One template's(fleetListTemplate) controller(fleetListController) loads data from its service file(fleetService) and displays in its view(fleetListTemplate). When this happens, and I click on one of the loaded data from fleetService, I should link fleetListController to fleetSummaryController to get data from its service file (fleetSummaryService) and display in fleetSummaryTemplate view. Can someone please help me with the

Dynamic content added with AngularJS click event not working on the added content

阅读更多关于 Dynamic content added with AngularJS click event not working on the added content

问题 I just started on AngularJS this week for a new project, and I have to come up to speed ASAP. One of my requirements, is to add html content dynamically and that content might have a click event on it. So the code Angular code I have below displays a button, and when clicked, it dynamically adds another button. Clicking on the dynamically added buttons, should add another button, but I cannot get the ng-click to work on the dynamically added buttons <button type="button" id="btn1" ng-click=

How to trigger ngClick programmatically

阅读更多关于 How to trigger ngClick programmatically

I want to trigger ng-click of an element at runtime like: _ele.click(); OR _ele.trigger('click', function()); How can this be done? clopez The syntax is the following: function clickOnUpload() { $timeout(function() { angular.element('#myselector').triggerHandler('click'); }); }; // Using Angular Extend angular.extend($scope, { clickOnUpload: clickOnUpload }); // OR Using scope directly $scope.clickOnUpload = clickOnUpload; More info on Angular Extend way here . If you are using old versions of angular , you should use trigger instead of triggerHandler . If you need to apply stop propagation

How/when to use ng-click to call a route?

阅读更多关于 How/when to use ng-click to call a route?

问题 Suppose you are using routes: // 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\' }); ... And in your html, you want to navigate to the about page when a button is clicked. One way would be <a href=\"#/about\"> ... but it seems ng

Adding parameter to ng-click function inside ng-repeat doesn't seem to work

阅读更多关于 Adding parameter to ng-click function inside ng-repeat doesn't seem to work

I have a simple loop with ng-repeat like this: <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> There is a function in the controller $scope.removeTask(taskID) . As far as I know Angular will first render the view and replace interpolated {{task.id}} with a number, and then, on click event, will evaluate ng-click string. In this case ng-click gets totally what is expected, ie: ng-click="removeTask(5)". However... it's not doing anything. Of course I can write a code to get task.id from the $tasks array or even the DOM, but this

adding and removing classes in angularJs using ng-click

阅读更多关于 adding and removing classes in angularJs using ng-click

问题 I am trying to work how to add a class with ngClick. I have uploaded up my code onto plunker Click here. Looking at the angular documentation i can\'t figure out the exact way it should be done. Below is a snippet of my code. Can someone guide me in the right direction <div ng-show=\"isVisible\" ng-class=\"{\'selected\': $index==selectedIndex}\" class=\"block\"></div> Controller var app = angular.module(\"MyApp\", []); app.controller(\"subNavController\", function ($scope){ $scope.toggle =

AngularJS ng-click stopPropagation

阅读更多关于 AngularJS ng-click stopPropagation

问题 I have a click Event on a table row and in this row there is also a delete Button with a click Event. When i click the delete button the click Event on the row is also fired. Here is my code. <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> How can