Javascript 如何将输入的数据从一个html文件移动到其ts文件,然后移动到另一个组件文件?

Javascript 如何将输入的数据从一个html文件移动到其ts文件,然后移动到另一个组件文件?,javascript,angular,typescript,Javascript,Angular,Typescript,我生成了两个组件login和homepage。我试图将用户输入从登录模板带到登录组件,然后通过homepage组件带到主页模板。我该怎么办 我并没有在任何组件文件中编写任何代码,只是在登录模板文件中。 以下是登录模板代码 用户名: 用户名是必需的 用户名必须至少包含4个字符 用户名不能是jedi 密码: 登录 清楚的 。在这里发布之前,您应该检查角度文档。您可以在那里找到有关组件之间通信的所有信息。干杯。有多种可能的方法可以从ts文件中的html访问用户输入数据,并将数据从一个组件传递到另一个组

我生成了两个组件login和homepage。我试图将用户输入从登录模板带到登录组件,然后通过homepage组件带到主页模板。我该怎么办

我并没有在任何组件文件中编写任何代码,只是在登录模板文件中。 以下是登录模板代码

用户名: 用户名是必需的 用户名必须至少包含4个字符 用户名不能是jedi 密码: 登录 清楚的
。在这里发布之前,您应该检查角度文档。您可以在那里找到有关组件之间通信的所有信息。干杯。

有多种可能的方法可以从ts文件中的html访问用户输入数据,并将数据从一个组件传递到另一个组件

要从模板文件访问ts中的数据,可以使用两种不同类型的表单:

模板驱动 反应形式 要将数据从一个组件传递到另一个组件,可能的方法有:

使用输入绑定将数据从父级传递到子级 使用setter截取输入属性更改 使用ngOnChanges截取输入属性更改 父进程侦听子事件 父对象通过局部变量与子对象交互 父调用@ViewChild 父母和子女通过服务进行沟通 在您的情况下,我认为最好的解决方案是使用模板驱动的表单并通过服务进行通信。休息取决于你的要求