Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在单击按钮时动态创建页面_Angular_Typescript_Ionic Framework_Ionic4 - Fatal编程技术网

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

Angular 在单击按钮时动态创建页面,angular,typescript,ionic-framework,ionic4,Angular,Typescript,Ionic Framework,Ionic4,我正在使用Ionic 4创建一个应用程序。到目前为止,我有一个浮动操作按钮,当您单击它时,您可以将一个新项目添加到屏幕上显示的列表中(开始为空)。每个项目都有名称和按钮 我希望这样,每当按下项目上的按钮时,它都会转到该特定项目的页面 我一点也不知道如何做到这一点,这给我留下了几个问题: 1) 我应该预先制作一个页面,并根据单击的项目按钮动态更改其内容,还是在创建项目时,动态创建该项目特有的页面 2) 基于最后一个问题,实现它的最佳方式是什么?您的想法是angular解决了什么问题,或者为什么我们

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

我希望这样,每当按下项目上的按钮时,它都会转到该特定项目的页面

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

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


2) 基于最后一个问题,实现它的最佳方式是什么?

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

查看这些链接以了解更多信息:




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

查看这些链接以了解更多信息:




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

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


现在,试着问问自己,您是应该在运行中向已经构建/发布的应用程序添加更多代码,还是只构建一个页面,根据提供给该页面的数据/参数动态加载不同的信息?哪一个似乎更可行?为什么;答案 问题1:根据项目按钮动态更改页面内容 问题2:我刚才在问题1中回答了

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


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

在Angular中,只要按下按钮,您就可以使用布线来显示不同的组件。此页面有一个示例应用程序,它几乎完全满足您的要求:基本上创建详细信息页面,并在该特定项目上单击使用路由器从主控(列表)页面导航到详细信息页面。在(单击)处理程序中,传递该项目的详细信息。在Angular中,每当按下按钮时,您可以使用路由显示不同的组件。此页面有一个示例应用程序,它几乎完全满足您的要求:基本上创建详细信息页面,并在该特定项目上单击使用路由器从主控(列表)页面导航到详细信息页面。在(单击)处理程序中,传递该项的详细信息。