Angulaire commencer ngFor index à partir de 1

Ce n'est pas possible, mais vous pouvez utiliser Array.le prototype.slice() d'ignorer le premier élément:

<li *ngFor="let item of list.slice(1)">{{ item }}</li>

La SlicePipe est également une option si vous préférez que la syntaxe:

<li *ngFor="let item of items | slice:1">{{ item }}</li>

Description

Tout le comportement est basé sur le comportement attendu de l'API JavaScript Array.prototype.slice() et String.prototype.slice().

Lors de l'utilisation sur un Array, le retour de l' Array est toujours une copie, même lorsque tous les éléments sont retournés.

Si vous avez besoin de l'indice de match, il suffit d'ajouter le nombre d'éléments ignorés pour elle:

<li *ngFor="let item of list.slice(1); let i = index">{{ i + 1 }} {{ item }}</li>

Ou:

<li *ngFor="let item of items | slice:1; let i = index">{{ i + 1 }} {{ item }}</li>

De toute façon, si vous avez besoin de mettre trop de logique dans le modèle de faire ce travail pour votre cas, alors vous devriez probablement se déplacer à la logique du contrôleur et construire un autre tableau, avec exactement les données et les éléments que vous avez besoin ou cache les tranches de tableau pour éviter de créer un nouveau si les données n'a pas changé.

Il y a 2 réponses possibles à la question, selon ce qui a été réellement posée.

Si l'intention est de passer le premier élément du tableau, les réponses impliquant tranche sont dans la bonne direction.

Toutefois, si le but est simplement de changement de l'indice de tout en toujours une itération sur tous de la matrice, la tranche n'est PAS la bonne approche, car elle va sauter de la 0e élément dans le tableau, ainsi, à la sortie seulement n-1 des éléments à partir d'un tableau de longueur n.

@Taylor a donné un exemple du monde réel de quand l'indice pourrait avoir besoin d'être modifié à des fins d'affichage, comme lors de la sortie d'une liste où la première entrée doit lire 1 et non 0.

Voici un autre exemple similaire:

<li *ngFor="let book of books; let i = index">
    {{ i + 1 }}.  {{ book.title }}
</li>

qui permettrait de produire de sortie comme:

1. Exemple Le Titre Du Livre

2. Un autre titre du livre

...

On peut l'aborder comme ci-dessous pour les balises personnalisées/par défaut tags:

 <custom-tag *ngFor="let item of items; let i = index" [text]="Item + getIndex(i)"></custom-tag>

En Javascript:

function getIndex(i) {return Number(i + 1).toString();}