用ng-repeat 批量生成各种控件是很方便的事情,各种控件的点击事件(包括参数传递)也是可以批量生成的。
例如:下面的例子就用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);
};