javascript - 在 ListView 项选择的 AngularJS 中显示新页面

标签 javascript angularjs listview

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

在我的一个 View 中,我显示了一个类似于 THIS 上的带有 Chevron 的列表项的 ListView 。 Onsen UI 页面。

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

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

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

这就是我在重复数据并在用户选择列表项时执行pushPage() 时构建 View ListView 的方式。但是我如何获取选择的列表项,以便我可以保存它以便在下一个 View 中使用。

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

最佳答案

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

希望对你有帮助...:)

关于javascript - 在 ListView 项选择的 AngularJS 中显示新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37418815/

相关文章:

javascript - 仅在选择范围后才在范围 slider 观察器内执行代码,而不是在滑动 slider 时不断执行?

javascript - Controller View 上下文中的 dom 元素

javascript - 如何使用 angularJs 打开本地目录?

C# ListView 检查是否选中了 ListViewItem

javascript - 无法在 JS 中将 toDateString() 应用于日期

javascript - Android - 如何拦截 iframe(webview) 中的链接并检查它是否已完全加载

javascript - 如何切换按钮?

windows - Windows 8 上带有 Express 的 node-webkit "Error: listen EACCES"

java - Android - 自定义 ListView 创建正确数量的条目,但仅填充第一个条目

javascript - 如何在 Listview 中找到控件的 ClientId?