Почему Enum не оценивает должным образом внутри цикла * ngFor, но хорошо оценивает внешний цикл?

Question

Я вижу странное поведение при оценке моего Enum в шаблоне. Enum оценивает должным образом вне моего *ngFor цикла, но не внутри цикла.

Шаблон (details.component.ts):

      <div class="member-section-header">
        Section #: {{datColEnum.sectionCol}}   <-- THIS EVALUATES PROPERLY
        <ng-container *ngFor="let dat of datArr">
          Section # Again: {{datColEnum.sectionCol}}   <-- THIS DOESN'T EVALUATE PROPERLY

Компонент (details.component.ts):

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

. . . 

enum datCols {
  formatTypeCol = 0,
  labelCol,
  nameCol,
  dimensionCol,
  valueCol,
  enumCol,
  controlNameCol,
  placeholderCol,
  sectionCol
 }

@Component({
  selector: 'app-details',
  templateUrl: './details.component.html',
  styleUrls: ['./details.component.scss']
})

export class DetailsComponent implements OnInit  {
public datColEnum = datCols; 

. . . 

Есть идеи? Большое спасибо!

Answer 1

Это работает для меня, но только если datArr имеет хотя бы один элемент, как если бы у datArr не было данных, тогда вы ничего не итерируете.

https://stackblitz.com/edit/angular-qaznf3