您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

用ng-repeat挑战重复tr

用ng-repeat挑战重复tr

您可以使用tbody标签将多个tr分组在一起,并使用ngRepeat对其进行循环。

http://jsfiddle.net/RkCMr/4/

<div ng-app="challenge">
    <h3>how can I refactor it out using ng-repeat?</h3>
    <table ng-controller="ctrl">
        <thead></thead>         
        <tbody ng-repeat="item in collection">
            <tr ng-click="showing=!showing">
                <td>click</td>
                <td>{{item}}</td>
            </tr>
            <tr ng-show="showing">
                <td>--></td>
                <td>comment {{item}}
                    <a tooltip="a tooltip comment {{item}}">
                        <i class="icon-ok-sign"></i>
                    </a>
                </td>                
            </tr>
        </tbody> 
    </table>    
</div>

顺便说一句,看来您的代码仍处于Jquery的处理方式中。即使您已将它们放入指令中。如上面的示例所示,完全不需要指令,并且不使用JQuery。

其他 2022/1/1 18:14:07 有578人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶