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>

Answer 2

更改：{{name}} | TO：{{name}} <span ng-if="!$last">|</span>

在angular-js中以ng-repeat插入垂直条

2 个答案: