Как показать три элемента подряд, просматривая список элементов в angular7?

Question

В Angular из списка элементов мне нужно показать n элементов подряд.

Я вставил код из Angular в то, что я пытался, но не смог повторить теги <tr>.

<table class="table table-bordered table-striped mb-0 table-hover">
  <tbody *ngFor="let tableColObj of LWTableColumnNames.refLWTableColumnNames; let i=index">
    <tr>
      <td *ngIf="tableColObj.SelectionFlag == true">{{tableColObj.COLUMN_NAME}}</td>
    </tr>
  </tbody>
</table>

List - [e1,e2,e3,e4,e5,e6]

<table>
  <tr>
    <td>e1</td>
    <td>e2</td>
    <td>e3</td>
  </tr>
  <tr>
    <td>e4</td>
    <td>e5</td>
    <td>e6</td>
  </tr>
</table>

Answer 1

Гораздо проще создать массив, отвечающий вашим потребностям, чем иметь сложные шаблоны.

const data = ['e1','e2','e3','e4','e5','e6'];

const group = (array, groupSize) => array.reduce((results, current, index) => {
  if (index % groupSize === 0) {
    results.push([current]);
  } else {
    results[results.length - 1].push(current);
  }
  return results;
}, []);

console.log(group(data, 3));

Теперь вы можете иметь цикл для строк и цикл внутри для ячеек.