单击按钮动态创建页面

时间:2019-05-25 17:04:51

标签: angular typescript ionic-framework ionic4

我正在使用Ionic 4来创建一个应用程序。到目前为止,我有一个浮动操作按钮,当您单击它时,可以将新项目添加到屏幕上显示的列表中(开始为空)。每个项目都有名称和一个按钮。

我想要这样,以便每当在项目上按下按钮时,它就会转到该特定项目的页面。

我不知道如何做到这一点,这给我留下了几个问题:

1)我应该预先制作一页并根据单击的项目按钮动态更改其内容,还是在创建项目时动态创建该项目唯一的页面?

2)根据最后一个问题,什么是最好的方法?

2 个答案:

答案 0 :(得分:2)

您的想法是angular解决了什么,或者为什么我们首先将其称为SPA。
您首先需要检查Angular中的路由并尝试学习并应用它,然后您会找到所需的内容-特别是在路由参数中。

检查这些链接以获取更多信息:
https://www.youtube.com/watch?v=Ba2QIjUwi9E
https://angular.io/guide/router
https://www.smashingmagazine.com/2018/11/a-complete-guide-to-routing-in-angular/

答案 1 :(得分:0)

TLDR;答案 问题1:根据项目按钮动态更改页面内容 问题2:我刚刚在问题1中回答了。

说明: 您首先需要了解如何以最简单的形式创建新页面。它将向定义新页面的应用程序添加更多代码。

现在,试着问问自己,您是应该在运行中向已构建/发布的应用程序中添加更多代码,还是应该构建一个页面,该页面根据提供给该页面的数据/参数动态加载不同的信息?哪一个似乎更可行,为什么?