javascript - 在angular-js的ng-repeat中插入竖线

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