如果angularjs中的数组为空，则显示一条消息

Question

我想提出一条消息，说如果列表中不包含任何内容，则该列表为空。如果我的表格为空，我希望它显示“无组”或“无分类”等消息。

我的代码：

<ion-list> 
    <ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> 
     <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> 
     &nbsp; Group 1 : 
    </ion-item> 
    <ion-item class="item-accordion" ng-repeat="item in group track by $index" ng-show="isGroupShown(group)"> 
     {{item.groupName}} 
    </ion-item> 
</ion-list> 

<div class="spacer" style="width: 283.2px; height: 10px;"></div> 
<ion-list> 
    <ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> 
     <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> 
     &nbsp; Category : 
    </ion-item> 
    <ion-item class="item-accordion" ng-repeat="item in category track by $index" ng-show="isGroupShown(group)"> 
     {{item.categoryName}} 
    </ion-item> 
</ion-list> 

在我的控制器

：

$scope.group = []; 
$scope.toggleGroup = function(group) { 
if ($scope.isGroupShown(group)) { 
    $scope.shownGroup = null; 
} else { 
    $scope.shownGroup = group; 
} 
}; 

谢谢:)

Answer 1

使用NG-如果隐藏和显示 “没有任何组织” 信息

<ion-list> 
    <ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> 
     <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> 
     &nbsp; Group 1 : 
    </ion-item> 
    <ion-item class="item-accordion" ng-repeat="item in group track by $index" ng-show="isGroupShown(group)"> 
     {{item.groupName}} 
    </ion-item> 
    <ion-item ng-if="group.length"> // hide an show "no Group" part 
     No Group 
    </ion-item> 
</ion-list> 

<div class="spacer" style="width: 283.2px; height: 10px;"></div> 
<ion-list> 
    <ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> 
     <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> 
     &nbsp; Category : 
    </ion-item> 
    <ion-item class="item-accordion" ng-repeat="item in category track by $index" ng-show="isGroupShown(group)"> 
     {{item.categoryName}} 
    </ion-item> 
    <ion-item ng-if="category .length"> // hide an show "no category" part 
    No category 
</ion-item> 
</ion-list>