使用按钮点击离开展开和折叠

Question

我在我的应用程序中使用ionic和angularJS，我需要展开并折叠列表视图。截至目前，我使用ion-list和ion-item创建了列表视图，没有展开和折叠。请找到代码并点击下方。

<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）功能以进入下一页，因此我限制用户如果他们选择更多按钮仅进行展开和折叠其他触摸，它将进入下一页。

如何以离子和角度处理此活动？

Answer 1

如果我理解正确，如果点击了离子项内的内容，应用程序需要转到下一页。如果是这样，为什么不将ion-item内容包装在某个容器中，例如div，并在那里附加所需的ng-click