Question

我有一个这样的对象数组：

   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>

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

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

这里的问题是它会在每行的内侧创建一个文本区域。

谢谢！

Answer 1

您具有字符串值而不是布尔类型。因此，您应该使用字符串值ID lable 1 0 2 1 3 0 ...或'true'而不是'false'和true。

false

OR

如果您可以选择修改对象，则将值类型更改为-

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

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

1 个答案:

OR