Angular 添加如何在使用ngfor迭代对象数组时动态添加类名

我得到的对象是

{ name: 'filename', order: '', open: true, isEditOn: false, tempVal: '', id: 0}

当我迭代一个对象数组时。。。现在我想添加div类，比如

obj.filename + obj.id

我试过像

[ngClass]=“{obj.filename+obj.id}”

。

试着像下面这样

考虑到您的对象有name（即您提到的filename，但对象有name属性）和id属性。我们可以生成如下所示的类

<div *ngFor="let item of arrayItems" [className]="item.name + item.id">
  ...
</div>

...

这个怎么样

更改您尝试的内容

[ngClass] = "{obj.name + obj.id}"

对这个

[ngClass] = "obj.name + obj.id"

---

我假设

obj.filename

是

obj.name

的打字错误，您可以使用字符串插值：

class="{{obj.filename + obj.id}}"

---

您可以添加您尝试过的任何代码吗？您需要使用[className]=“obj.filename+obj.id”，[ngClass]用于asing类，如果条件满足，例如，“[ngClass]=”{'className'：condition}”这是否回答了您的问题？根据提供的数据，您有一个名为

name

的属性，但您试图访问一个名为

filename

的未定义属性