ng-шаблон не отображает никаких данных в dataTable

Question

Я работаю на угловых с огнем базы.Я создал таблицу данных со списком продуктов и имею 3 столбца, а именно: Название, Цена и ссылку для редактирования продуктов.Проблема в том, что данные, включенные в ng-template , не отображаются.

Я пробовал приведенный ниже код, но не могу выяснить, что с ним не так, а также не получаюошибки любого рода ни в терминале, ни в хромированной консоли.

    <data-table
      [items]="items"
      [itemCount]="itemCount"
      (reload)="reloadItems($event)"
    >
      <data-table-column
        [property]="'title'"
        [header]="'Title'"
        [sortable]="true"
        [resizable]="true"
      ></data-table-column>

      <data-table-column
        [property]="'price'"
        [header]="'Price'"
        [sortable]="true"
        [resizable]="true"
      >
        <ng-template #dataTablCell let-item="item">
          {{ item.price | currency:'INR':'symbol' }}
        </ng-template>
      </data-table-column>

      <data-table-column
        [property]="'key'"
      >
        <ng-template #dataTablCell let-item="item">
            <a [routerLink]="['/admin/products/', item.key]">Edit</a>
        </ng-template>
      </data-table-column>

    </data-table>

{{item.price |валюта: 'INR': 'symbol'}}

Редактировать

Должен отображаться символ INR с ценой каждого продукта и ссылкой на имя «Редактировать» в 3-м столбце.Цена отображается без символа INR, и вместо ссылки «Редактировать» отображается фактическая клавиша из базы данных, связанной с каждым продуктом.

Пожалуйста,см. эти снимки экрана:

Это ожидаемый результат

Это результат, который я получил