title: Array of Objects conditional style in textarea. Angular 6
body: <p>I have an array of objects like this:</p>
  
  <pre><code>   list =[  
     {  
        name:"name1",
        value:true
     }   {  
        name:"name2",
        value:false
     }   {  
        name:"name3",
        value:true
     }   {  
        name:"name4",
        value:false
     }
  ]
  </code></pre>
  
  <p>What I want to do is to show inside a text area all objects names and if object.value is false underline or bold the line. And then to be able to write inside the text area to remove the underlined elements.</p>
  
  <p>What I tried was:</p>
  
  <pre><code>&lt;textarea *ngFor="let item of list" [ngClass]="{cssClass: item.value==false}"&gt;
  {{item.name}}
  &lt;/textarea&gt;
  </code></pre>
  
  <p>-The problem here is that it shows an empty text area for each object
  AND</p>
  
  <pre><code>&lt;div *ngFor="let item of list" [ngClass]="{cssClass: item.value==false}"&gt;
  &lt;textarea&gt;
  {{item.name}}
  &lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem here is that it creates a textarea per line, where the line is inside.</p>