data-ng-repeat: как установить разные параметры в соответствии с индексом

Question

Извините, если это выглядит как глупый вопрос, но я только что начал использовать angular.js, и некоторые вещи нелегко поймать.

У меня есть список номеров, которые я показываю, используя это:

<li data-ng-repeat="i in getNumber(list) track by $index" data-ng-click="myFunction($index)" data-ng-class="myClass">{{$index+1}}</li>

Это показывает мой список как 1 2 3 4 5 et c

Я хотел бы изменить это, чтобы показать что-то другое при достижении определенного c индекса, то есть

if index == 5, затем показать ABCD вместо {{$index+1}}

Это то, чего я могу достичь с помощью ng-repeat или мне нужно использовать другой подход?

Спасибо лот для входа

Answer 1

Вы можете достичь этого только внутри интерполяционной разметки {{ ... }}, так как мы можем выполнять все обычные javascript операции внутри нее:

var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope) {});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<section ng-app="myApp">
  <div ng-controller="AppCtrl">
    <li data-ng-repeat="i in [1,2,3,4,5,6,7] track by $index">
      {{ $index === 5 ? 'ABCD' : $index+1 }}
    </li>
  </div>
</section>