Question

我正在尝试学习Angular，并且我已经看到ngFor用来遍历数组，但是我似乎找不到任何能够简单地根据数字重复html元素n次的任何东西。

所以，如果我在组件的TS文件中

public rounds: number = 5;

和HTML

<tr *ngFor=""></tr>

我希望tr根据回合的值重复5次或多次。

Answer 1

在组件内，您可以定义一个数字数组（ES6），如下所述：

#include <stdio.h>
#include <stdlib.h>
struct student_s {
    char* name;
    int age;
    struct student_s* next;   
} student;
struct student_s anotherStudent;
void printOneStudent(struct student_s student)
{
    printf("%s (%d)\n", student.name, student.age);
}   
void printStudents(const struct student_s* student)
{
    while (student != NULL) {
        printOneStudent(*student);
        student = student->next;
    }
}
int main(void)
{
    student.name = "Agnes McGurkinshaw";
    student.age = 97;
    student.next = &anotherStudent;

    anotherStudent.name = "Jingwu Xiao";
    anotherStudent.age = 21;
    anotherStudent.next = NULL;

    printStudents(&student);
    return EXIT_SUCCESS;
}

有关创建数组的信息，请参见以下链接：Tersest way to create an array of integers from 1..20 in JavaScript.

然后可以使用ngFor遍历此数组：

export class SampleComponent {
  constructor() {
    this.numbers = Array(5).fill(0).map((x,i)=>i);
  }
}

或者如果您不想在组件中定义数组，则可以使用：

<tr *ngFor="let number of numbers">{{number}}</tr>

使用数字（而不是数组）作为值重复HTML元素n次。

1 个答案: