Handling boolean data returned by JSON string using angular expression

Question

I am reading data from a JSON string using angular and playing around with my app at the moment.

Task Status : {{task.completed}}  // displays true or false

I want to achieve something like this:

if(task.completed == true) print "completed";
else "print Not completed"

How can this be done in an angular expression?

angular 1 or 2? you could have an Angular2 <element *ngIf="task.completed"> or *ngIf="!task.completed". Or, for Angular 1, you could have ng-if="task.completed"/ng-if="!task.completed" — Robert Broden
– Robert Broden, Commented Aug 19, 2016 at 12:37

Satpal · Accepted Answer · 2016-08-19 12:33:35Z

7

You can use conditional operator in view like

Task Status : {{task.completed ? "completed" : "print Not completed"}}

answered Aug 19, 2016 at 12:33

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Satpal · Accepted Answer · 2016-08-19 12:40:19Z

3

You can use ng-if or ng-show for it

<div> Task Status : 
 <span ng-if="task.completed">{{"completed"}}</span 
 <span ng-if="!task.completed">{{"print Not completed"}}</span 
</div>

Also @Satpal answer is really helpfull

edited Aug 19, 2016 at 12:40

Satpal

134k13 gold badges168 silver badges171 bronze badges

answered Aug 19, 2016 at 12:36

Andurit

5,80214 gold badges76 silver badges128 bronze badges

Comments

Vijay Vasudevbhai Gurunanee · Accepted Answer · 2016-08-19 12:41:18Z

0

If print means simply showing a label then this can be done like this example below..

    <div ng-app="myApp">
        <div ng-controller="myCtrl">
          {{names}}
            <ul>
              <li ng-repeat="x in names">
                {{ x.Name + ', ' + x.Country }}
              </li>
            </ul>
        </div>    
    </div>

Js code will be

    var myApp = angular.module('myApp', []);

    var myCtrl = function ($scope,$http) {
           $http.get("http://www.w3schools.com//website/Customers_JSON.php")
      .success(function(response) {$scope.names = response;});
    }

answered Aug 19, 2016 at 12:41

Vijay Vasudevbhai Gurunanee

1046 bronze badges

Collectives™ on Stack Overflow

Handling boolean data returned by JSON string using angular expression

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related