title: unable to show two observable array by one ngFor : showing same values
body: <p>I have two Observable array. They have the same number of rows and columns every time. Now I want to show them by a single ngFor for loop.</p>
  <pre><code>scoreCardViewProfile$: Observable&lt;ScoreCardView[]&gt;;
  scoreCardViewBuffer$: Observable&lt;ScoreCardView[]&gt;;
  </code></pre>
  <p>These two array will be filled by http response.</p>
  <pre><code>  &lt;div *ngFor=&quot;let viewProfile of scoreCardViewProfile$ | async; let viewBuffer of scoreCardViewBuffer$ | async; let i = index&quot;&gt;
                  &lt;div class=&quot;row&quot;&gt;
                      &lt;p class=&quot;pl-5 font-weight-boldest font-size-lg&quot;&gt; 
                      {{viewProfile.scoreCardCategoryName}}&lt;/p&gt;
                      &lt;div class=&quot;col-12&quot;&gt;
                          &lt;mat-divider&gt;&lt;/mat-divider&gt;
                          &lt;div class=&quot;row&quot;&gt;
                              &lt;div *ngFor=&quot; let detailsProfile of viewProfile.listOfQuestionDto; let detailsBuffer of viewBuffer.listOfQuestionDto; let j=index &quot;
                                   class=&quot;col-6&quot;&gt;
                                  &lt;div class=&quot;row pt-5 pb-5&quot;&gt;
                                      &lt;div class=&quot;col-12 text-muted font-weight-bolder&quot;&gt;
                                          &lt;p align=&quot;left&quot;&gt;{{detailsProfile.question}}&lt;/p&gt;
                                      &lt;/div&gt;
                                      &lt;div class=&quot;row pl-4&quot;&gt;
                                          &lt;div class=&quot;col-12 font-weight-bolder&quot;&gt;
                                              &lt;p&gt;profile:{{detailsProfile.configItemName}}&lt;/p&gt;
                                              &lt;p&gt;buffer: {{detailsBuffer.configItemName}}&lt;/p&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;row pl-4&quot; *ngIf=&quot;i === viewProfile.length -1&quot;&gt;
                      &lt;div class=&quot;col-12 pl-0 text-muted font-weight-bolder border-bottom&quot;&gt;
                          &lt;p&gt;Status&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;col-12 pl-0 font-weight-bolder&quot;&gt;
                          &lt;p class=&quot;pt-4&quot;&gt;{{viewProfile.status}}&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  <p>As per my understanding the below two line should show different values but they are showing same values.</p>
  <pre><code>&lt;p&gt;profile : {{detailsProfile.configItemName}}&lt;/p&gt;
  &lt;p&gt;profile : {{detailsBuffer.configItemName}}&lt;/p&gt;
  </code></pre>
  <p><a href="https://stackblitz.com/edit/ngfor-in-two-arrays" rel="nofollow noreferrer">I am following this example</a></p>