Issue
Hello everyone I'm trying to display different color based on variable value... My code looks like this :
<nb-card accent = "a.zahtjevStatusNaziv == 'Kreiran' ? 'info' : 'success'" >
<nb-card-body>
<label class="label">Kreator napomene:</label><br>
<p>{{a.imeKreatora}}</p>
<label class="label">Napomena:</label><br>
<p>{{!a.napomena ? "Prilikom ove akcije nije dodana napomena" : a.napomena}}</p>
<label class="label">Datum kreiranja napomene:</label><br>
<p>{{a.datumKreiranja | date:'dd. MM. YYYY. HH:mm'}}</p>
<label class="label">Poslovni proces:</label><br>
<p>{{a.poslovniProcesDokumenta.opis}}</p>
<label class="label">Status dokumenta:</label><br>
<p>{{a.zahtjevStatusNaziv}}</p>
</nb-card-body>
</nb-card>
I tried ngIf but when using ngIf I need to copy this whole block of code, so I would like only accent value (inside nb-card) to be changed:
<nb-card accent = "a.zahtjevStatusNaziv == 'Kreiran' ? 'info' : 'success'" >
Appreciate if someone can advise. Thank you in advance!
Solution
It should look something like
<nb-card [accent] = "a.zahtjevStatusNaziv == 'Kreiran' ? 'info' : 'success'" >
Answered By - Girish Ingle
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.