Использование функций в цикле * ngFor возможно?

Question

Я создал проект, который в основном создает динамическую таблицу с двумя входными строками и столбцами.Сейчас я пытаюсь назначить случайные числа каждой ячейке при создании, но я хочу использовать цикл *ngFor.В настоящее время у меня есть:

<td *ngFor="let columnsArrays of columnsArray"
    style="border: 1px solid black;">
    {{ randStr }}
</td>

Это не будет работать так, как задумано, поскольку случайное значение используется в каждой ячейке несколько раз и не создает уникальное значение для уникальной ячейки.

Есть ли способЯ могу использовать функцию внутри цикла *ngFor, чтобы случайно сгенерированная переменная отличалась от цикла к циклу?

Answer 1

Просто инкапсулируйте случайное число внутри функции и выполняйте его каждый раз, когда вам нужно новое значение.

* 1003 Т.е. *

<td style="border: 1px solid black;"*ngFor="let x of columnsArray">{{ generateRandom() }}</td>

---

generateRandom() {
  return Math.random();
}

---

Демо

Answer 2

Да, вы можете использовать функцию внутри *ngFor

<tr>
   <th>Country</th>
   <th>State</th>
</tr>
<tr *ngFor="let country of Countries">
  <td>{{country.country_name}}</td>
  <td>
      <span *ngFor="let state of getStates(country.country_id)">
      {{state.state_name}}
      </span>
   </td>
</tr>

Это идея использования функции внутри *ngFor.Надеюсь, это поможет вам.