AngularJS IF ELSE with ng-repeat

Question

I am new in AngularJS.

I just need to ask that I am fetching data from the server like that.

$http.get(url+'example.php?get=data').
    then(function(response) {
         $scope.data = response.data.my_data;
    });

Now I am using this data in ng-repeat like in below.

ng-repeat="articles in data.article" and like that.

Now my question is that suppose my angular variable data.article is empty. So it will give that sorry there is no article otherwise it will go on ng-repeat loop. Any help will be appreciated.

Thanks

Drag13 · Accepted Answer · 2017-08-02 11:32:28Z

2

$scope.isLoaded = false;

$http.get(url+'example.php?get=data').
    then(function(response) {
         $scope.isLoaded = true;
         $scope.data = response.data.my_data;
    });


<div data-ng-if="isLoaded && data.article"> Sorry, nothing found</div>

answered Aug 2, 2017 at 11:32

Drag13

6,0281 gold badge22 silver badges44 bronze badges

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

Comments

Sachila Ranawaka · Accepted Answer · 2017-08-02 11:32:48Z

1

use ng-if to validate and show message

<div ng-repeat="articles in data.article">
  // what ever your content
</div>
<div ng-if="!data.article && data.article.length == 0">
 <span> array is empty </span>
</div>

answered Aug 2, 2017 at 11:32

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

2 Comments

John Brad Over a year ago

It is working data.article.length == 0 but it !data.article doesn't.

Sachila Ranawaka Over a year ago

if data.article property always exist, then remove it

Collectives™ on Stack Overflow

AngularJS IF ELSE with ng-repeat

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related