Вы можете легко отредактировать заголовки столбцов таблицы и сохранить новое значение в некоторой переменной следующим образом:
.html файл
<table>
<tr>
<th>{{heading1}}</th>
<th>{{heading2}}</th>
<th>{{heading3}}</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
</table>
.ts файл
heading1 = 'Test1';
heading2 = 'Test2';
heading3 = 'Test3';
Теперь заголовок таблицы будет Test1
, Test2
и Test3
.Итак, теперь, если вы измените переменную heading1
на 'Heading 1'
.Первый заголовок таблицы будет изменен на Heading 1
.
Существует множество эффективных и понятных способов сделать то же самое.
Прочтите это: https://material.angular.io/components/table/overview