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