有角度的。如果value为false,则在textarea中对数组的对象加下划线

时间:2018-12-06 08:02:37

标签: javascript angular6

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

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

我想要的是在每个list.name的文本区域中显示,并在list.value == false时用下划线显示。

我尝试过的是这样的:

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

AND

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

但是我每行只有一个文本区域,而我想要的只是其中所有行都位于一个文本区域

谢谢!

0 个答案:

没有答案