单击按钮动态创建页面

Dynamically Creating Pages On Button Click

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

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

我完全不知道该怎么做,这让我有几个问题:

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

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/

TLDR;答案 问题一:根据item按钮动态改变页面内容 问题2:我刚刚在问题1中回答了

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

现在,试着问问自己,你应该 on-the-fly 向你已经 built/published 的应用程序添加更多代码,还是应该只构建一个页面来根据 data/parameters 动态加载不同的信息提供给那个页面?哪一个看起来更可行,为什么?