My array contains objects structured as follows:
list =[
{
name:"name1",
value:true
} {
name:"name2",
value:false
} {
name:"name3",
value:true
} {
name:"name4",
value:false
}
]
I aim to display all object names within a text area, with the ability to bold or underline lines where object.value is false. Additionally, I want to allow users to remove those modified elements by writing inside the text area.
My attempts so far include:
<textarea *ngFor="let item of list" [ngClass]="{cssClass: item.value==false}">
{{item.name}}
</textarea>
-The issue here is that it results in an empty text area for each object AND
<div *ngFor="let item of list" [ngClass]="{cssClass: item.value==false}">
<textarea>
{{item.name}}
</textarea>
</div>
This approach creates individual text areas per line, causing nested formatting problems.