切換列表項具有角和離子名單

Question

我有一個展示各類轎車的汽車品牌分類的一個很好的排序列表。即

Bmw 
____ 
318 
745 

Porsche 
____ 
911 
965 

我試圖找出如何打開和關閉的項目一個carbrand下面，使您獲得例如

BMW 
___ 
Porsche 
____ 
911 
965 

，但我被卡住。我創建了一個css類hiderecommendation（display：none）和showrwcommendation（display：block）。現在我正在嘗試ng-click類，但是我陷入了困境。有人看到我做錯了什麼？

<ion-content class="has-subheader"> 
    <ion-refresher on-refresh="doRefresh()"> 
    </ion-refresher> 
    <ion-list> 
    <div class="category" ng-repeat="(key, value) in recommendation | filter: query | groupBy : 'textID' "> 
     <ion-item ng-click="toggleRecommendation(item)" class="item item-text-wrap"> 
     <span>{{key}}</span> 
     </ion-item> 

     <ion-item ng-repeat="item in value" ng-class="item.recommendation ? 'showrecommendation' : 'hiderecommendation'"> 
     <div class="item item-text-wrap"> 
     <span>{{item.Recommendation}}</span> 
     </div> 
    </ion-item> 

    </ion-list> 
    </ion-content> 

Answer 1

當有第三方Ionic插件正在運行時，請勿打擾您的腦袋。

這就是所謂的離子樹列表，你可以用它正是你想要什麼，找到它here。