AngularJS Print Yes or No based on boolean

Question

I am getting Bool value from database in angularJs

<td>
    {{patient.Alcoholic}}
</td>

instead of false or ture I need to print YES or NO

<td>
    {{patient.Alcoholic // can i have if-else condition over here ??}}
</td>

+3

Arjun 13 jul. At 10:01 am

4 answers

use the ng-if directive

 <td ng-if="patient.Alcoholic">Yes</td>
 <td ng-if="!patient.Alcoholic">NO</td>

+8

Sudharsan S 13 jul. 15 at 10:03

Try not to put JS operations in your template as this will:

Make your template dirty (imho).
Extract the application (very minor argument) as the evaluation is done in every loop $digest

.

If you are ok with modifying the bool

patient's original :

$scope.patient.Alcoholic = !!$scope.patient.Alcoholic ? 'Yes' : 'No';

If not, I would add another property to patient

:

$scope.patient.isAlcoholic = !!$scope.patient.Alcoholic ? 'Yes' : 'No';

And then in your opinion (depending on the solution you chose from the two above):

{{ patient.Alcoholic }}
<!-- or -->
{{ patient.isAlcoholic }}

That's my two cents for keeping your template clean.

+1

Kasper Lewau 13 jul. 15 at 11:28 am

Just do

<td>
 {{ patient.Alcoholic ? 'Yes' : 'No' }}
</td>

0

Gurmeet khalsa 29 Sep 17 at 22:56

Coder john · Accepted Answer · 2015-07-13T10:07:58+0000

<td>
 {{true == patient.Alcoholic ? 'Yes' : 'No' }}
</td>

It should work!