显示选定的离子列表视图

Question

我创建了这个（demo）来演示我的问题。在这个演示中，我有一个列表页面，选中复选框<ion-checkbox>属性时标题上的按钮，列表视图以及列表视图旁边的复选框。我希望能够在单击提交按钮时在home.html上显示所选列表。我不知道该怎么做。帮助将不胜感激。

Answer 1

我不太确定您想要达到的目标，但您可以再次使用<ion-checkbox> ng-if="data.checked"。

<ion-list> <ion-checkbox ng-repeat="data in tempData" ng-if="data.checked" ng-checked="data.checked"> Item {{data.id}} </ion-checkbox> </ion-list>

这是example

或者您可以将<ion-item>与ng-if="data.checked"，

一起使用

<ion-item ng-repeat="data in tempData" ng-if="data.checked"> Item {{data.id}} </ion-item>

这是example