Javascript 带分隔符的有角度重复

我想做一个简单的自定义分页，但我不知道如何在两次迭代之间使用分隔符。 目前，分离器位于末端，而不是中间

功能控制器（$scope）
{
$scope.currentPage=1；
$scope.totalPages=2；
$scope.itemPerPage=12；
$scope.getPages=函数（）
{
返回新数组（$scope.totalPages）；
};
$scope.pageChange=函数（第页）
{
如果（isNaN（第页））
{
如果（（第==“-”&&1<$scope.currentPage）| |（第==“+”&&&$scope.currentPage<$scope.totalPages））
{
$scope.currentPage=eval（$scope.currentPage+page+1）；
}
}
其他的
{
$scope.currentPage=第页；
}
};
}

ul
{
列表样式：无；
显示：内联块；
垂直对齐：中间对齐；
页边距底部：0；
}
锂
{
显示：内联块；
垂直对齐：中间对齐；
保证金：0-1px；
}
a、 活跃的
{
背景：#31a445；
颜色：#fff；
}

-

您应该使用

ng repeat start

和

ng repeat end

创建重复的块

<li ng-repeat-start="page in getPages() track by $index">
   <a href="" ng-click="pageChange($index + 1)" ng-class="{active: currentPage == $index + 1}">{{$index + 1}}</a>
</li>
<li ng-hide="$last" ng-repeat-end class="paging-spacer"><span>-</span></li>

-

您的

分隔符

在

ng repeat

之外-使用

ng repeat start

和

ng repeat end

，如下所示：

功能控制器（$scope）{
$scope.currentPage=1；
$scope.totalPages=2；
$scope.itemPerPage=12；
$scope.getPages=函数（）{
返回新数组（$scope.totalPages）；
};
$scope.pageChange=函数（第页）{
如果（isNaN（第页））{
如果（（第==“-”&&1<$scope.currentPage）| |（第==“+”&&&$scope.currentPage<$scope.totalPages））{
$scope.currentPage=eval（$scope.currentPage+page+1）；
getProducts（）；
}
}否则{
$scope.currentPage=第页；
getProducts（）；
}
};
}

ul{
列表样式：无；
显示：内联块；
垂直对齐：中间对齐；
页边距底部：0；
}
李{
显示：内联块；
垂直对齐：中间对齐；
保证金：0-1px；
}

-

是否“间隔符”中的

html

比单个

span

更复杂？正如您可以使用CSS3伪元素

：after

和

：before

在

$last

li上使用类一样