使用离子范围并将每个值存储到数组

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个滑块（但是数量可能会根据“慈善机构”数组的大小而有所不同）。我希望每个滑块都对应于“百分比”数组中的一个点。因此，例如，第一个的ngModel将是percents [0]，第二个将是percents [1]，依此类推。如何通过引用循环来引用数组中的特定位置？如果这是一个简单的for循环，那将很容易，但是据我所知，我们无法在html中做到这一点。