Javascript textarea中的对象数组条件样式。角度6

我有这样一个对象数组：

   list =[  
   {  
      name:"name1",
      value:true
   }   {  
      name:"name2",
      value:false
   }   {  
      name:"name3",
      value:true
   }   {  
      name:"name4",
      value:false
   }
]

我要做的是在文本区域内显示所有对象的名称，如果object.value为false，则在该行加下划线或加粗。然后能够在文本区域内写入以删除带下划线的元素

我尝试的是：

<textarea *ngFor="let item of list" [ngClass]="{cssClass: item.value==false}">
{{item.name}}
</textarea>

{{item.name}

-这里的问题是，它为每个对象显示一个空文本区域 及

{{item.name}

---

这里的问题是，它在每行中创建一个文本区域，该行位于其中。

您的字符串值不是布尔类型。因此，您应该使用字符串值

'true'

或

'false'

而不是

true

和

false

<textarea *ngFor="let item of list" [ngClass]="{cssClass: item.value=='false'}">

---

试试这个

{{item.name}

你可以使用

[class.cssClass]=“item.value==false”

你也可以尝试

[ngClass]=“{cssClass:item.value==false}”

或者直接设置

true

或者

false

来确认代码的工作情况

[ngClass]=“{'cssClass'：true}”

谢谢，但这不是问题所在。问题在于循环仅在一个textarea中显示所有行。因此，我得到的是每行一个textarea。在这种情况下，您应该在

ts

文件中的数组上迭代，获得完整的附加文本，并在textarea中显示附加文本。请注意禁止在文本区域内的内容加下划线和粗体。

<textarea *ngFor="let item of list" [ngClass]="{cssClass: item.value=='false'}">

  list =[  
   {  
      name:"name1",
      value:true
   }   {  
      name:"name2",
      value:false
   }   {  
      name:"name3",
      value:true
   }   {  
      name:"name4",
      value:false
   }
]