首页 文章

离子膨胀和按钮水龙头折叠

提问于
浏览
0

我在我的应用程序中使用ionic和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)功能进入下一页,所以我限制用户如果他们选择更多按钮只做扩展和折叠其他触摸,它将进入下一页 .

如何处理离子和角度的这种活动?

1 回答

  • 0

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

相关问题