Angular 4 - 从组件外部执行功能

Question

我将感谢您对以下情况的建议： 我有一个注册组件。我们的产品经理决定将此注册组件添加到另一个页面。在此页面中，另一个按钮(在注册组件之外(应执行注册(以及其他一些逻辑( 我不希望新页面必须处理注册码，如果我仍然可以在注册组件中拥有所有逻辑，那就太好了。 我该怎么办？

Answer 1

两种方式：

1. 将函数放在共享服务中并从那里执行
2. 获取组件对象并从那里调用函数：

假设您的组件名称是"TestComponent"，那么：

将选择器 ID #test 添加到 test.component 中的选择器.html

<test #test></test>

获取测试组件，方法是要调用函数的组件：

@ViewChild('test')
private testComponent: TestComponent; 
/* Remember to import the TestComponent in the file where you get this */

调用要执行的方法。该方法必须在测试组件中是公共的。例如

this.testComponent.registerUser((;