【问题标题】:Open new page when User Click on any item from ion-item当用户单击 ion-item 中的任何项目时打开新页面
【发布时间】:2017-05-12 13:33:55
【问题描述】:

这里是codepen

1) 我想打开新的详细信息页面,当用户单击项目并希望在新打开的背面显示该单击项目的详细信息时。
2) 如果用户单击该按钮,则在详细信息页面上会有“确定”按钮,然后它将返回到列表页面。
3) 如何在列表项右侧显示标记的圆圈图标。

我该怎么做?我花了 2 个小时,但我没有找到任何可行的解决方案。

请帮助我。我是 ionic 和 angular js 的新手。

【问题讨论】:

  • 为什么不考虑模式弹出而不是新页面???

标签: javascript angularjs ionic


【解决方案1】:

在你的 CSS 中添加这样的东西:

ion-list div ion-item i {
  float: right;
  position: relative;
}

您可能需要添加如下一行:

top: -20px;

调整定位。

【讨论】:

  • 我对 codepen 不太熟悉,但我分叉了你的并保存了它。不知道你能不能看到。试试这个链接:codepen.io/anon/pen/VLNpQe
【解决方案2】:

您应该阅读states,然后为列表中的每个元素创建一个,并为列表本身创建一个。在那之后你只需要打电话给$state.go('nameOfState'); 不确定是否有办法只用离子本身......

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-09-15
    • 1970-01-01
    • 1970-01-01
    • 2017-11-09
    • 2015-08-30
    • 1970-01-01
    • 2013-02-10
    • 2018-04-14
    相关资源
    最近更新 更多