2016-09-02 65 views
0

我在我的應用程序中使用離子和angularJS,我需要展開和摺疊列表視圖。截至目前,我使用ion-list和ion-item創建了列表視圖,沒有展開和摺疊。請在下面找到代碼並捕捉。離子擴展和按鈕水龍頭崩潰

Expand & Collapse

<ion-view view-title="Call Lists"> 
<ion-content class="padding"> 

<ion-list show-delete="false" can-swipe="true"> 

<div class="list card-ScheduledCalls"> 

<!-- Task # --> 
<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="item in callItems" type="item-text-wrap" ng-click="doTask()"> 

<img ng-src="{{item.imgSrc}}"> 
<h3>{{item.callCount}}</h3> 
<h3>{{item.callDate}}</h3> 
<p style="color:white;">{{item.callCmt}}</p> 
<p style="color:white;">{{item.callType}}</p> 
<p style="color:white;">{{item.assetType}}</p> 
<p style="color:white;">{{item.requestedBy}}</p> 
<p style="color:white;">{{item.issueType}}</p> 

</ion-item> 

</div> 

</ion-list> 

</ion-content> 
</ion-view> 

現在我在每個列表如更多細節:EmpName,BloodGroup,EmpTodayTaskName,TaskTime,TaskDuration,TaskComments等首先,我將只顯示三個字段列表中,如果用戶點擊更多按鈕(圖中提到)我會顯示剩餘的細節。

與此同時,我正在點擊(ng-click)功能去下一頁,所以我限制了用戶,如果他們選擇了更多按鈕來做展開和摺疊其他觸摸,它會移動到下一頁。

我該如何處理這種離子和角形的活動?

回答

0

如果我正確理解這一點,如果點擊了ion-item內的內容,應用程序需要轉到下一頁。如果是這樣,爲什麼不把離子項目內容包裝在某個容器內,例如div,並附上所需的ng-click

+0

我沒有得到你@Alex - 截至目前我的代碼工作正常,沒有展開和摺疊。所以我需要在這裏處理擴展和崩潰。 –