Массив объектов условного стиля в текстовой области.Угловой 6 - PullRequest
Новая
       18

Массив объектов условного стиля в текстовой области.Угловой 6

0 голосов
/ 05 декабря 2018

У меня есть массив объектов, подобных этому: 

   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>

Проблема здесь в том, что он создает текстовое поле на строку, где строка находится внутри.

Спасибо !!

1 Ответ

0 голосов
/ 05 декабря 2018

У вас есть строковое значение, а не логический тип.Поэтому вы должны использовать строковое значение 'true' или 'false', а не true и false. 

<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
   }
]
...