AngularJS ng-repeat 中的ng-click事件以及参数的传递
2015-03-05 23:08
549 查看
用ng-repeat 批量生成各种控件是很方便的事情,各种控件的点击事件(包括参数传递)也是可以批量生成的。
例如:下面的例子就用ng-repeat绑定了一个按钮、一张图片,都能响应。
HTML:
Javascript:
例如:下面的例子就用ng-repeat绑定了一个按钮、一张图片,都能响应。
HTML:
<div ng-repeat='item in items'> <button ng-click="showItemId(item.id)">{{item.name}}</button> <a ng-click="showDetail(hotel.id)"><img ng-src='{{item.src}}'/></a> </div>
Javascript:
$scope.showItemId = function(itemId){ alert("Item Id 是 "+itemId); };
相关文章推荐
- JSP中js传递和解析URL参数以及中文转码和解码问题
- angularjs ngrepeat filter
- js json参数传递以及解析
- AngularJs ng-repeat 必须注意的性能问题
- AngularJS ng-repeat下使用ng-model
- JSP中js传递和解析URL参数以及中文转码和解码问题
- AngularJS ng-if ng-repeat下使用ng-model
- angularjs ng-repeat
- Angularjs ng-table的使用(可以加button)以及angularjs学习资料
- AngularJS ng-repeat下使用ng-model
- ngclick 传递ng-repeat中的参数
- JSP 中js传递和解析URL参数以及中文转码和解码
- AngularJs ng-repeat
- Part 6 AngularJS ng repeat directive
- Angularjs ng-repeat 中对元素的validate处理错误问题
- angularjs ng-repeat
- AngularJs clear input in ng-repeat
- AngularJS ng-repeat下使用ng-model
- angularjs ngrepeat filter
- Angularjs Ng_repeat中实现复选框选中并显示不同的样式