Angularjs 离子膨胀和折叠按钮点击

我在应用程序中使用了ionic和angularJS，我需要展开和折叠列表视图。到现在为止，我使用离子列表和离子项创建了列表视图，没有展开和折叠。请找到下面的代码和快照

{{item.callCount}
{{item.callDate}
{{item.callCmt}
{{item.callType}
{{item.assetType}
{{item.requestedBy}
{{item.issueType}

现在，我在每个列表中都有了更多的详细信息，例如：EmpName、BloodGroup、EmpTodayTaskName、TaskTime、TaskDuration、TaskComments等。首先，我将只显示列表中的三个字段，如果用户单击“更多”按钮（如图中所述），我将显示剩余的详细信息

同时，我有点击（ng click）功能进入下一页，因此我限制用户，如果他们选择“更多”按钮只进行展开和折叠其他触摸，它将进入下一页

---

如何在ionic和angular中处理此活动？

如果我正确理解这一点，则如果单击Ionion项目中的内容，应用程序需要转到下一页。如果是这样，为什么不将ion项目内容包装在某个容器中，例如div，并附加所需的ng单击此处

如果我理解正确，则如果单击ion项目内的内容，应用程序需要转到下一页。如果是这样，为什么不将ion项内容包装在一些容器中，例如div，并附加所需的ng单击此处

我没有得到您@Alex-到目前为止，我的代码运行良好，没有展开和折叠。所以我需要在这里处理扩展和折叠。我没有让你@Alex-到目前为止，我的代码在没有扩展和折叠的情况下运行良好。所以我需要在这里处理展开和折叠。

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