angular.js - angular给多个button绑定同一个事件
问题描述
想用angular 给这几个button 绑定同一个事件。但是不想用这样的方法
问题解答
回答1:在外层的p绑定ng-click,把angular自带的$event对象传入。
<p ng-click='changeMode($event);'> <button class='btn btn-primary btn-sm'>111</button> <button class='btn btn-primary btn-sm'>222</button> <button class='btn btn-primary btn-sm'>333</button> <button class='btn btn-primary btn-sm'>444</button></p>
controller里接收$event,在$event里可以使用target对象判断点击的是哪个按钮
$scope.changeMode = function($event){ $event.target};
ps:有两点建议:1、少年,这个跟事件委托的原理是一样的,js基础功不行啊,不要一味地追求什么新框架,好好补补基础吧。2、少年,养成良好的编程习惯,按钮就写button标签,不要span。虽然bootstrap在样式上帮你都处理好了,但这是一个很差的编程习惯。
回答2:使用 uib-btn-radiohttp://angular-ui.github.io/b...
回答3:NG内置mini版本的jq.
如果不用那种方案,你可以把这一对代码写成一个循环。这段冗余代码,你可以看出来对应关系可以定义一个对象字面量:
$scope.types = { ’primary’:’全部时间’, ’success’:’最近3天’, ’info’:’最近一周’, ’warning’:’最近一月’, ’danger’:’最近半年’}<span ng-repeat='(cla,txt) in types' ng-click='changeMode()'>{{txt}}</span>回答4:
你的需求是什么?
相关文章:
1. java - yuicompressor-maven-plugin 合并可用却不压缩, 哪配置不对?2. Android-studio导入.so库问题?3. mysql - 我用SQL语句 更新 行的时候,发现全部 中文都被清空了,请问怎么解决?4. logging - Python日志, 时间应该使用UTC时间还是本地时间?5. python - 两千万条结构化数据怎么进行数据分析6. java - mybatis怎么实现在数据库中有就修改,没有就添加7. javascript - 修改表单多选项时和后台同事配合的问题。8. java - 针对MongoDB当前哪个第三方ORM框架更稳定成熟?9. transform - CSS3的3D变换多次变换如何保持坐标轴不动,或者有矩阵算法可以实现否10. javascript - npm run build后调用api返回index.html
