AngularJS IF ELSE with ng-repeat

时间:2017-08-02 11:28:50

标签: javascript angularjs

我是AngularJS的新手。

我只需要问我是否从服务器那里获取数据。

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

现在我在ng-repeat中使用此数据,如下所示。

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

现在我的问题是假设我的角度变量data.article为空。所以它会给对不起没有文章,否则它会继续ng-repeat循环。任何帮助将不胜感激。

由于

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

使用ng-if验证并显示消息

<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>