Как показать элементы списка в другой машинописи списка

Question

Как отобразить элементы в statusList2 в statusList1 l oop?

service.statusList1 содержит два элемента -> [0], [1]

service.statusList2 содержит два элемента -> [0], [1]

 <tr *ngFor="let status1 of service.statusList1; index as i">

      <td>{{status1}}</td>

      <td>{{service.statusList2[i]}}</td>

      {{i+1}}
 </tr>

Я использую Angular 6.

JavaScript Старая школа выглядит примерно так:

for (let i = 0; i < someArray.length ; i++) {
  let item = someArray[i];
}

Я хочу просто преуменьшить Angular 6 л oop на примере индекса

<tr *ngFor="let status1 of service.statusList1; index as i">

         <!-- <td>{{status1}}</td> -->          
         <td>{{service.statusList1[i]}}</td>

          {{i+1}}
     </tr>

Я создал https://stackblitz.com/edit/angular-1m31pe Если кто-то может отредактировать пример ???

Answer 1

Это получается очень простое решение. Просто нужно использовать let, и это все.

 <tr *ngFor="let a of arr1; let i = index">    
    <td>{{a.name}}</td>
    <td>{{arr2[i].name}}</td>
</tr>

Правильный здесь https://angular-jqqmbq.stackblitz.io

Answer 2

Вам не нужен компонент 'Hello'. Отдых, кажется, работает. Я только что изменил app.component.ts на:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';

    array1: Array<string> = ["Hi","Hi2"];
  array2: Array<any> = [{name: "No hi"},{name:"no hi2"}];
}

Здесь - это обновленный Stackblitz