Использование ионных диапазонов и сохранение каждого значения в массив

Question

<ion-list no-lines>
        <ion-item *ngFor="let charity of charities">
            <ion-list-header>{{charity.name}}</ion-list-header>
            <ion-range min="0" max="100" step="1" snaps="true" pin="true" [(ngModel)]="percentages">
                <ion-label range-left>0%</ion-label>
                <ion-label range-right>100%</ion-label>
            </ion-range>
        </ion-item>
    </ion-list>

Выше приведен мой код для HTML-документа, который должен иметь 3 ползунка (но сумма может варьироваться в зависимости от размера массива "charities"). Я хочу, чтобы каждый ползунок соответствовал месту в массиве "проценты". Так, например, ngModel для первого будет процентами [0], следующим будет процент [1] и т. Д. Как мне ссылаться на определенные места в массиве со ссылкой на цикл? Было бы легко, если бы это был простой цикл for, но, насколько я понимаю, мы не можем сделать это в html.