Сохраните несколько значений в массиве и покажите его в виде таблицы

Question

Я поместил несколько значений в массив MyArrayType в файле component.ts, но хочу отобразить его в виде таблицы в файле component.html. Это способ, которым я могу сохранить его в переменной или в виде привязки данных?

if(this.disableEveryday == false){
  this.MyArrayType.push(
     this.everydayAllFromValue,
     this.everydayBreakfastFromValue,
     this.everydayDinnerFromValue,
     this.everydayLunchFromValue)
}
else{
  this.MyArrayType.push(
      this.mondayAllFromValue,
      this.mondayBreakfastFromValue,
      this.mondayDinnerFromValue,
      this.mondayLunchFromValue,
      this.tuesdayAllFromValue,
      this.tuesdayBreakfastFromValue,
      this.tuesdayDinnerFromValue,
      this.tuesdayLunchFromValue,
      this.wednesdayAllFromValue,
      this.wednesdayBreakfastFromValue,
      this.wednesdayDinnerFromValue,
      this.wednesdayLunchFromValue,
      this.thrusdayAllFromValue,
      this.thrusdayBreakfastFromValue,
      this.thrusdayLunchFromValue,
      this.thrusdayDinnerFromValue,
      this.fridayAllFromValue,
      this.fridayBreakfastFromValue,
      this.fridayLunchFromValue,
      this.fridayDinnerFromValue,
      this.saturdayAllFromValue,
      this.saturdayBreakfastFromValue,
      this.saturdayLunchFromValue,
      this.saturdayDinnerFromValue,
      this.sundayAllFromValue,
      this.sundayBreakfastFromValue,
      this.sundayLunchFromValue,
      this.sundayDinnerFromValue)
}

Answer 1

вы можете использовать цикл * ngFor, например:

<table>
    <tbody *ngFor="let data of MyArrayType; let j=index">
        <tr>
          <td>{{data}}</td>
        </tr>
      </tbody>
</table>

здесь (MyArrayType) это имя вашего массива

, если ваши данные (MyArrayType) имеют тип объекта, такой как

[{"name":"Ram", "email":"Ram@gmail.com"},  
{"name":"Bob", "email":"bob32@gmail.com"}]  

чем использовать это как:

<table>
<tbody *ngFor="let data of MyArrayType; let j=index">
    <tr>
      <td>{{data.name}}</td>
      <td>{{data.email}}</td>
    </tr>
 </tbody></table>

я надеюсь, что это полезно для вас ....!

Answer 2

Поскольку вам трудно интерпретировать вашу проблему, но это код для отображения данных в табличной форме -

   <table>
        <tbody *ngFor="let element of MyArrayType; let j=index">
            <tr>
              <td>{{element}}</td>
            </tr>
          </tbody>
    </table>