您的位置:首页 > Web前端 > JavaScript

Angular用ng-repeat生成表单并绑定ng-click时的一个细节

2016-03-10 19:34 615 查看
偶然发现一个问题是ng-repeat里面生成的DOM并绑定ng-click的时候,时间cardshow写法是正确可运行的,但是一旦写成cardShow就会报错,这点试错了很久才发现,记下来防止后人踩坑,看到的就留意一下这个地方,避免困扰了,貌似驼峰写法是不支持的,不知道是否姿势不对哈哈~
$scope.cardshow = function(e){
console.log(e);
console.log("测试一下");

}
$scope.cardShow = function(e){
console.log(e);
console.log("测试一下");

}
<table class="table table-striped" style="font-weight:normal;">
<tr value='{{cardShows}}' class="{{cardShows.length==0&&cardShows?'ng-hide':'ng-show'}}">
<th style="font-weight:normal;">名字</th>
<th style="font-weight:normal;">价格</th>
<th style="font-weight:normal;">操作</th>
</tr>
<tr ng-repeat="cardShow in cardShows">
<!--<th>{{cardShow.card_id}}</th>-->
<td style="font-weight:normal;">{{cardShow.card_name}}</td>
<td style="font-weight:normal;">¥{{cardShow.price}}</td>
<td style="font-weight:normal;"><div style="margin: 0; padding: 0;" class="btn btn-primary" type="button" value="删除" ng-click="cardshow(cardShow)">删除</div></td>
</tr>
</table>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息