Суть в том, что account - это объект (или Indexable - https://www.typescriptlang.org/docs/handbook/interfaces.html#indexable-types), а fieldName - это строка, которая соответствует названию поля (property name) из этого объекта.
account[fieldName] вытащит значение, которое там находится.
Поэтому и работает :)

А с ангулар матириал не подскажешь, как добавить первые две колонки в таблице под кнопки изменить и удалить. Тут оно как то на списке сущностей завязано, не могу понять как это обойти красиво.

Вот в таком коде:
<mat-table [dataSource]="dataSource" class="mat-elevation-z8">
     <ng-container *ngFor="let field of fieldList" matColumnDef="{{field}}">
       <mat-header-cell *matHeaderCellDef> {{field}} </mat-header-cell>
       <mat-cell *matCellDef="let element"> {{element[field]}} </mat-cell>
     </ng-container>
     <mat-header-row *matHeaderRowDef="fieldList"></mat-header-row>
     <mat-row *matRowDef="let row; columns: fieldList;"></mat-row>
   </mat-table>

Всем привет, ошибка при попытке заимпортить свою либу....

Uncaught Error: Template parse errors:
'lib-help' is not a known element:
1. If 'lib-help' is an Angular component, then verify that it is part of this module.
2. If 'lib-help' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (

как импортишь?

во внутрь апп модуля

а с этого модуля экспортишь компонент?

компонент с этой либы использую в шаблоне

в експорте ничего

LibHelpComponent должен быть в exports HelpModule

а понял... да... есть

а уверен что селектор у компонента такой?

да

нет

наверно app-help называеется

покажи компоненту

саму декларацию, мне весь компонент не нужен