Wscats/articles

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

Wscats opened this issue · 0 comments

偶然发现一个问题是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>