2017-05-04 3 views
1

何も含まれていない場合、リストが空であるというメッセージを表示したいと思います。私のテーブルが空の場合は、「No group」や「No Category」のようなメッセージを表示したいと思います。anglejsで配列が空の場合にメッセージを表示

マイコード:私のコントローラで

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

ありがとう:)

答えて

0

利用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> 
関連する問題