Можно ли сделать двойную вложенность при передаче значения из компонента в html?

Question

[andrkkk]

Имеется следующий код:

<tr *ngFor="let col of allColumns">
    <div *ngIf="isChecked(col)==false">
        <th>{{col.name}}:</th>
        <tr></tr
</tr>

Если у таблицы пользователь убрал столбец (Т.е. чекбокс не стоит isChecked(col)==false), тогда нужно столбец и его значение нужно спрятать в другую часть. Хочу вывести все скрытые столбцы и соответствующие значения.
Проблема в том, что массив столбцов отдельный и массив значений отдельно.
"Col" выглядит следующим образом:

ALLCOLUMNS:[
    { 
        name: 'Название',
        prop: 'title'
    },
    ...

По "prop" как раз можно получить значение из другого массива row, который как раз содержит значения конкретного объекта.
Нужно сделать примерно следующее:

<tr *ngFor="let col of allColumns">
    <div *ngIf="isChecked(col)==false">
        <th>{{col.name}}:</th>
        <tr>{{ row.{{col.prop}} }}</tr
</tr>

Comments

[Ivan Brezhnev]

Такая форма записи не корректная
{{ row.{{col.prop}} }}
должно быть так
{{ row[col.prop] }}