how to pass html tag in Ternary Conditional Operator

Question

I am using Ternary Conditional Operator in my angular project, but when I am trying to pass HTML tag inside condition I am getting an error, how to resolve it, Code -

{{!status.available ? 'Inactive' : 'Active'}}

this code is working fine but when I try to pass -

{{!status.available ? '<span>Inactive</span>' : 'Active'}}

Getting this error on client side - {{!status.available ? '' : 'Active'}} I want to display - Inactive/active only

This response will help you [stackoverflow](https://stackoverflow.com/questions/51842909/ternary-operator-for-values-in-angular-2-template) . — Mohammed Abdelouahab, Jul 24 '22 at 20:56

score 0 · Answer 1 · answered Jul 24 '22 at 21:14

0

you can try to do like this :

<span>
{{!status.available ? 'Inactive' : 'Active'}}
</span>

answered Jul 24 '22 at 21:14

othmane kahtal

61
1
5

hi, @othmane I want to pass link - {{!status.available ?Inactive' : Active}} I have to pass data (active/inactive) inside HTML tage – Rahul Singh Jul 24 '22 at 21:20

how to pass html tag in Ternary Conditional Operator

1 Answers1