在Angular 9中,可以使用NgFor
指令来循环遍历数组或对象,并将值添加到属性名称中。
以下是一个示例代码,演示了如何在Angular 9中使用NgFor
指令来循环遍历一个数组,并将值添加到空属性名称中:
在组件类中定义一个数组:
export class AppComponent {
sampleArray: string[] = ['value1', 'value2', 'value3'];
}
在模板中使用NgFor
指令循环遍历数组,使用ngFor
指令的let-item
语法来获取数组中的每个元素,并将其添加到空属性名称中:
{{ item }}
在上述代码中,*ngFor
指令用于循环遍历sampleArray
数组,并使用let-item
语法将数组中的每个元素赋值给item
变量。然后,我们使用属性绑定[attr.myAttribute]
将item
的值添加到myAttribute
属性名称中。在元素中,我们还显示了
item
的值。
这样,循环遍历数组并将值添加到空属性名称中的问题就得到了解决。