html – :ng-repeat中的最后一个孩子不起作用
发布时间:2020-12-14 18:47:20 所属栏目:资源 来源:网络整理
导读:我使用角度的ng-repeat多次打印div.但是造型似乎与最后一个孩子有点不对劲.我需要为ng-repeat元素的最后一个子元素提供特定的样式.这是我在做的事情: .link-tickets div:last-child{float:left;} div class="medium-4 column no-pad-left link-tickets" ng-
我使用角度的ng-repeat多次打印div.但是造型似乎与最后一个孩子有点不对劲.我需要为ng-repeat元素的最后一个子元素提供特定的样式.这是我在做的事情:
.link-tickets div:last-child{ float:left; } <div class="medium-4 column no-pad-left link-tickets" ng-repeat="ticket_data in acct_details.tickets"> <p><a href="#details/{{acct_details.client_id}}/ticket/{{ticket_data.ticket_id}}"><strong class="bold-color">{{acct_details.client_name}}</strong></a> <br>{{available_stages[ticket_data.stage_id].stage_name}} <br>{{ticket_data.created_at | format | date}}</p> </div> 那么,我在这里做错了什么? 解决方法
您还可以使用ng-repeat循环中可用的特殊变量$last(或$first).
当当前元素是数组中的最后一个元素时,$last的值为true. $first的工作原理相同,但第一个元素:) 然后你可以像这样在ng-class中使用它 <ul> <li ng-repeat="item in list" ng-class="{'last-item': $last}"> </ul> 然后定义.last-item css类 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |