在按钮单击时动态创建页面答案

【问题标题】：Dynamically Creating Pages On Button Click在按钮单击时动态创建页面
【发布时间】：2019-05-27 18:46:24
【问题描述】：

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

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

我完全不知道该怎么做，这给我留下了几个问题：

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

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

【问题讨论】：

在 Angular 中，您可以使用路由在按下按钮时显示不同的组件。此页面有一个示例应用程序，几乎可以满足您的要求：angular.io/guide/router
基本上创建详细信息页面，然后在该特定项目上单击使用路由器从您的主（列表）页面导航到详细信息页面。在（单击）处理程序中传递该项目的详细信息。

【解决方案1】：

您的想法是 Angular 解决的问题，或者我们首先将其称为 SPA 的原因。
您需要首先检查 Angular 中的路由并尝试学习并应用它，您会找到您正在寻找的东西 - 特别是在路由参数中。

【讨论】：

【解决方案2】：

TLDR；答案 问题一：根据item按钮动态改变页面内容问题2：我刚刚回答了问题1。

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

现在，试着问问自己，您应该即时向您已经构建/发布的应用程序添加更多代码，还是应该只构建一个页面，根据提供给该页面的数据/参数动态加载不同的信息？哪一个看起来更可行，为什么？

【讨论】：