Question

在我的网站中，我使用的代码如下：

span(class="item-org-panel-name", ng-repeat="org in organizationPath")
    a(href="", ng-if="! $last") {{ org.Name }}
    span(ng-if="$last") {{ org.Name }}

对于收集的所有元素，我需要显示link，我想显示span而不是最后一个元素。

我不喜欢我的代码，因为它不明显是可见的

Answer 1

您可以使用ng-switch和ng-switch-when

span(class="item-org-panel-name", ng-repeat="org in organizationPath", ng-switch="$last")
    a(href="", ng-switch-when="true") {{ org.Name }}
    span(ng-switch-default) {{ org.Name }}

ngSwitch

Answer 2

你可以尝试这种方法，使用指令：

app.directive('whatElementToUse', function($compile) {
  return {
    restrict: 'A',
    scope: {
      name: '=',
      showAsSpan: '='
    },
    link: function(scope, elm, attr) {
      var tamplate = '';
      template = scope.showAsSpan ? '<span>{{name}}</span>' : '<a href="">{{name}}</a>';
      elm.html(template);
      $compile(elm.contents())(scope);
    }
  }
})

HTML：

<div ng-repeat="org in main.data" what-element-to-use name="org.name" show-as-span="$last"></div>

plnkr

ng-if ... else - 更易阅读的版本

2 个答案: