Динамически отображать столбцы HTML-таблицы из массива

Question

У меня есть угловая страница, которая возвращает следующие данные через массив

["BO01", "BO03", "BO04", "C.A.1.", "C.F.1.", "C.F.4.", "C.L.1.", "C.M.4.", "C.R.1.", "C.R.3.",…]

Я пытаюсь отобразить эти значения массива в столбце HTML

<tr>
    <th class="tg-0lax">BO01</th>
    <th class="tg-0lax">BO03</th>
    <th class="tg-0lax">BO04</th>
  </tr>

Answer 1

Вы можете использовать ng-repeat для перебора массива и отображения столбцов

JS

$scope.columns = ["BO01", "BO03", "BO04", "C.A.1.", "C.F.1.", "C.F.4.", "C.L.1.", "C.M.4.", "C.R.1.", "C.R.3."];

HTML

<tr>
    <th class="tg-0lax" ng-repeat="col in columns">{{col}}</th>
</tr>

Демо