如何在Angular 6中替换父组件上的子组件？-Java 学习之路

我已经在Dynamic Component Loader上阅读了这个官方文档，并且已经测试了它的工作情况，但我发现它与我的用例并不匹配 .

这是我想要做的：

我有3个组件：登录，注册和忘记密码，我想在我的登陆网页的某个地方显示 .

首先，我想显示登录组件，在登录页面中，用户可以通过单击注册链接或忘记密码链接导航到其他组件 .
其次，我使用Event Emitter实现了Login组件和父app.component之间的交互，因此子级和父级互相监听 .

现在我的问题是，当用户点击注册链接时，父级应该接收命令并删除登录组件并替换注册组件签证即 . 我知道它与指令和组件解析器有关，但我现在无法帮助它 . 请有人指导我 .

1 回答

你的应用程序组件是这样的：

//Appcomponent.ts
let state = ‘login’;

//appcomponent.html
<div *ngIf=“state === ‘login’”>
    <login (resetPW)=“state = ‘resetPW’”></login>
</div>
<div *ngIf=“state === ‘resetPW’”>
    ...
</div>
...

然后从resetPW的登录组件中创建一个eventemitter

回复于 2024-05-02T14:38:53+08:00

如何在Angular 6中替换父组件上的子组件？

1 回答

相关问题