在列表视图项目选择中显示AngularJS中的新页面

时间:2016-05-24 16:12:42

标签: javascript angularjs listview

我有一个使用AngularJS,Monaca和Onsen UI开发的跨平台应用程序。

在我的一个视图中,我在Onsen UI的THIS页面上显示类似于带有雪佛龙的列表项的列表视图。

此列表是使用我的数据库中的数据动态构建的,并显示日期列表。我可以填充列表并使用ng-repeat在列表中显示日期。

当用户从列表中选择任何日期时,我需要捕获已选择的列表项(日期)。我还需要导航到下一页,在该页面中我使用引用来选择日期,以向用户显示该日期的更多信息。

如何捕获选择的日期项目并保存并导航到下一个屏幕?

这就是我在我重复数据时构建视图listview的方法,并在用户选择列表项时执行pushPage()。但是如何获取选择的列表项目,以便我可以将其保存以供下一个视图使用。

<ul class="list">
    <li ng-repeat="myDate in data" class="list__item list__item--chevron" ng-click="myNavigator.pushPage('date-details.html', {animation: 'slide'});")>
        {{myDate.date}}  
    </li>
</ul> 

1 个答案:

答案 0 :(得分:0)

根据我的理解,我认为你可以在ng-click事件的函数内传递{{myDate.date}}并在函数defination中使用它...

希望它会帮助你...... :)