angularjs中ng-repeat的问题

[yaotomo]

						<ul class="dropdown-menu">
							<li><a href="#">001</a></li>
							<li class="divider"></li>
							<li><a href="#">002</a></li>
							<li class="divider"></li>
							<li><a href="#">003</a></li>
                            <li class="divider"></li>
							<li><a href="#">004</a></li>
						</ul>

要使用ng-repeat实现上面的效果，其中001、002、003、004都可以在数据库获取到，并可以通过ng-repeat展示出来
<li class="divider"></li>是一条分割线
如何将这条分割线也循环展示出来？

[roffer]

把分割线提到li里边去,然后改下css

<ul class="dropdown-menu">
         <li ng-repeat="item in list"><a href="#">{{item.text}}</a><div class="divider"></div></li>
</ul>

[yaotomo]

引用 1 楼 dulongfie 的回复:

把分割线提到li里边去,然后改下css

<ul class="dropdown-menu">
         <li ng-repeat="item in list"><a href="#">{{item.text}}</a><div class="divider"></div></li>
</ul>

谢谢 这样是可以显示分割线了，但是最后会多出来一条，应该怎么用css调整呢？

[roffer]

引用 2 楼 yaotomo 的回复:

[quote=引用 1 楼 dulongfie 的回复:] 把分割线提到li里边去,然后改下css

<ul class="dropdown-menu">
         <li ng-repeat="item in list"><a href="#">{{item.text}}</a><div class="divider"></div></li>
</ul>

谢谢 这样是可以显示分割线了，但是最后会多出来一条，应该怎么用css调整呢？[/quote] 在分割线元素上加个ng-if或者ng-show

<ul class="dropdown-menu">
         <li ng-repeat="item in list"><a href="#">{{item.text}}</a><div ng-if="{{list.length === $index}}" class="divider"></div></li>
</ul>

[roffer]

引用 3 楼 dulongfie 的回复:

[quote=引用 2 楼 yaotomo 的回复:] [quote=引用 1 楼 dulongfie 的回复:] 把分割线提到li里边去,然后改下css

<ul class="dropdown-menu">
         <li ng-repeat="item in list"><a href="#">{{item.text}}</a><div class="divider"></div></li>
</ul>

谢谢 这样是可以显示分割线了，但是最后会多出来一条，应该怎么用css调整呢？[/quote] 在分割线元素上加个ng-if或者ng-show

<ul class="dropdown-menu">
         <li ng-repeat="item in list"><a href="#">{{item.text}}</a><div ng-if="{{list.length === $index}}" class="divider"></div></li>
</ul>

[/quote] 应该是list.length-1

[roffer]

ng-if 里边好像不用花括号，记不清了。 如果用css可以这样

ul .divider:not(:last-child){
/** 这里删除多出的线**/
}