# How to display a different name in the "select" component?

I have a select component, it contains an array of columns from a table. How can I make it so that it visually displays a different column name but does not change the original column name in the COLS variable? That is, I have the name of the column NAME set, and I need to display it as Full name.

const COLS = ["NAME", "LOGIN", "EMAIL", "ORG","DOLG"];


html:

<mat-form-field class="full-width">
<mat-label>Customize Columns</mat-label>
<mat-select [(ngModel)]="displayedColumns" multiple>
<mat-option *ngFor="let row of allCols" [value]="row">{{ row }}</mat-option>
</mat-select>
</mat-form-field>


Source: New feed
Source Url How to display a different name in the "select" component?