javascript - 在angularjs的ng-repeat中插入竖线

Question

我试图在无序列表中使用 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 | 

所以我想删除最后一个栏。

有什么建议吗？

Answer 1

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>