如何使用ngfor显示数据，但在运行时决定属性名称

ngFor是Angular框架中的一个指令，用于在模板中循环显示数据。它可以用来遍历数组或对象，并为每个元素生成相应的HTML元素。

要在运行时决定属性名称，可以使用JavaScript的动态属性访问方式。在ngFor循环中，可以通过使用方括号语法来动态设置属性名称。

以下是一个示例，展示了如何使用ngFor显示数据并在运行时决定属性名称：

在组件中，首先定义一个包含数据的数组或对象。例如，假设我们有一个包含学生信息的数组：

students = [ { name: 'Alice', age: 20 }, { name: 'Bob', age: 22 }, { name: 'Charlie', age: 21 } ];

在模板中，使用ngFor指令来循环遍历学生数组，并使用动态属性访问方式来决定属性名称。例如，我们可以使用ngFor循环来显示每个学生的姓名和年龄：

<ul> <li *ngFor="let student of students"> {{ student.name }}: {{ student['age'] }} </li> </ul>

在上面的示例中，*ngFor指令用于循环遍历学生数组。在每次循环中，我们使用动态属性访问方式student['age']来决定属性名称，以显示学生的年龄。

这样，当运行应用程序时，ngFor将根据数据数组的长度动态生成相应数量的li元素，并在每个li元素中显示学生的姓名和年龄。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云数据库（TencentDB）。

• 腾讯云云服务器（CVM）：提供可扩展的计算能力，可用于部署和运行应用程序。了解更多信息，请访问：腾讯云云服务器
• 腾讯云数据库（TencentDB）：提供可靠的数据库解决方案，包括关系型数据库和NoSQL数据库。了解更多信息，请访问：腾讯云数据库