我试图在无序列表中使用ng-repeat从数组变量中获取值。现在值可以很好地显示,并且一切正常,但是我在每条之后都放置了竖线以在页面中显示子类别。
为了更清楚地说我的内容是以下javascript文件:-
$scope.content=['about','projects','contact'];
现在,我的HTML代码中包含以下内容:
<ul>
<li class="sub-categories" ng-repeat="name in content">
{{name}} |
</li>
</ul>
如您所见,我需要在名称后加一个小节,以便输出如下:-
about | projects | contact
但是输出是这样的
about | projects | contact |
所以我想删除最后一条。
有什么建议么?
var app = angular.module("app",[]);
app.controller("ctrl",function($scope){
$scope.content=['about','projects','contact'];
})
li{
display: inline;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
<ul>
<li class="sub-categories" ng-repeat="name in content track by $index">
{{name}} <span ng-show = "!$last">|</span>
</li>
</ul>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句