Tag: angularjs ng click
ng-submit和ng-click之间的区别
在angularjs中，我想知道ng-submit和ng-click之间的区别是什么？ 具体来说，每个人的利弊，你应该什么时候该做什么？ 谢谢！ **编辑** 我已经看了这个多一点，但我仍然想知道什么（如果有的话）的好处是使用ng-submit？ 你可以使用ng-click代替所有ng-submits吗？ 这会造成什么问题吗？ 再次感谢！
AngularJS – 多个ng-click – 事件冒泡
在以下示例中： <li ng-repeat="item in items" ng-click="showItem(item)"> <h3>{{item.title}}</h3> <button ng-click="remove(item)">Remove</button> </li> 当我点击buttonshowItem()也由于事件冒泡而被调用。 我知道我可以使用$event来观察$event.currentTarget并执行$event.stopPropagation()等，但这非常难看。 顺便说一句。 我不想停止button上的传播（在我的情况下， button是一个twitter bootstrap dopdown/button – 这只是一个例子） 当我点击removebutton时，如何停止showItem()从beeing调用？ 编辑丑陋的修复将是有： function remove(item,$event){ $event.originalEvent.prevent = true; // rest of the code } function showItem(item,$event){ if($event.originalEvent.prevent)return; // rest of the code }
用ng单击几个元素来切换类
如何用ng-click单独切换几个元素上的类？ 在这个问题https://stackoverflow.com/a/22072110/2169327点击切换类是这样做的： CSS： .red { color: red; } JS： $scope.toggle = false; HTML： <button id="btn" ng-click="toggle = !toggle" ng-class="{'red' : toggle}">Change Class</button> 但是，如果我有几个button，每个button都应该用ng-click来切换自己的类。 如果我这样设置： HTML： <button id="btn" ng-click="toggle = !toggle" ng-class="{'red' : toggle}">Change Class</button> <button id="btn2" ng-click="toggle = !toggle" ng-class="{'red' : toggle}">Change Class</button> 如果我按下，则两个button都会切换。 我知道一个解决方法是为每个button定义一个自己的ng-click事件（button1的f.ex toggle1，button2的toggle2） – 但这是最好的方法吗？
如何在多个expression式中使用ng-click？
我想用ng-click来执行多个expression式。 我想要在模型上设置一个值，并从$scope调用一个方法，如下所示： <a ng-click="navigation.book = book && bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a> 我在哪里&&分离我想要执行的两个不同的expression式。 我知道我可以添加一个方法，在控制器中做这两件事情。 我应该这样做，还是有办法直接从ng-click执行两个expression式？
在ngclick上改变鼠标指针
我有一个与Angular ng-click指令相连的div 。 hover在此元素上的鼠标指针不会更改。 有没有办法通过CSS来改变它？ 我知道我可以简单地附上一个锚标签，但我想知道这是否可以做到。
用ng-click自动传递$事件？
我知道我可以通过ng-click来访问点击事件，如果我传递$event对象，如下所示： <button ng-click="myFunction($event)">Give me the $event</button> function myFunction (event) { typeof event !== "undefined" // true } 每次显式传递$event都有点烦人。 是否有可能设置ng-click以默认的方式将其传递给函数？
用ng-click传递DOM对象的引用
在ng-click上我有多个具有相同callback的元素： <button ng-click="doSomething()"></button> <button ng-click="doSomething()"></button> <button ng-click="doSomething()"></button> <button ng-click="doSomething()"></button> // In controller: $scope.doSomething = function() { // How do I get a reference to the button that triggered the function? }; 我怎样才能得到引用的东西的对象呢？ （我需要从中删除一个attr）
如何以编程方式触发ngClick
我想要在运行时触发ng-click元素，如下所示： _ele.click(); 要么 _ele.trigger('click', function()); 如何才能做到这一点？
Angular JS：如何/何时使用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，你想要导航到关于页面，当一个button被点击。 一种方法是 <a href="#/about"> …但似乎ng-click也将在这里有用。 这个假设是否正确？ 用ng-click代替锚点？ 如果是这样，那将如何工作？ IE： <div ng-click="/about">
AngularJS ng-click stopPropagation
我有一个表行上的单击事件，在这一行还有一个单击事件的删除button。 当我点击删除button单击该行上的事件也被激发。 这是我的代码。 <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事件被激发，当我点击表格单元格中的删除button？
