Tengo este fragmento de código
[ngClass]="{ 'selected': isQuestionDoubtful, 'click-denied': this.answer?.answerId !== null, 'click-allowed': this.answer?.answerId === null }"
Pero no me parece del todo correcto ya que si quiero asignar otra clase distinta cuando answerId
sea null tengo que añadir con otra coma la condición contraria por lo que pierde eficiencia y legibilidad.
Me gustaría saber si existe la posibilidad de encadenar varias operaciones ternarias y a ser posible combinarlas con la primera condición que tengo sin necesidad de hacerla ternaria. He probado lo siguiente:
[ngClass]="{'selected': isQuestionDoubtful, (this.answer.answerId?'click-denied':'click-allowed')}"
[ngClass]="{'selected': isQuestionDoubtful, this.answer.answerId?'click-denied':'click-allowed'}"
[ngClass]="{isQuestionDoubtful?'selected':'', this.answer.answerId?'click-denied':'click-allowed'}"
Sin embargo ninguna de las 3 opciones me funciona. Qué mas puedo probar?
Gracias
[ngIf]
?ngIf
porque ya estoy utilizandongfor
en el mismo bloque @NicolasOñate