angular 2 ngfor reverse order and same index
<p>I have an app that display an array items in panel 
using this code </p>

<pre><code>&lt;div *ngFor="let object of questionAnswer | reverse let i = index" [attr.data-index]="i"&gt;
        &lt;p-panel header="{{object.question}}" [toggleable]="true" [collapsed]="true"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-sm-6"&gt;
                    {{object.answer}}
                &lt;/div&gt;
                &lt;div class="col-sm-6"&gt;
                    &lt;button type="button" class="paneltools btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;
                        &lt;i class="fa fa-cog fa-fw" aria-hidden="true"&gt; &lt;/i&gt; &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
                    &lt;ul class="dropdown-menu" role="menu"&gt;
                        &lt;li&gt;&lt;a (click)="editShow(i)"&gt;Edit&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a (click)="remove(i)"&gt;Delete&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/p-panel&gt;
    &lt;/div&gt;
</code></pre>

<p>i wanted to display the items in reverse order as to show the newer item first and by using the a pipe code i found here works fine</p>

<pre><code>export class ChallengesReversePipe {
transform(value) {
    return value.slice().reverse();
}
</code></pre>

<p>}</p>

<p>but my big problem is when doing it like this im getting a reverse index number and i need the original index number from before the inverse for example
the index for the top item should be the last index number in the array
and i cant seem to find a way to get it :(
any help please?</p>