如何从 TypeScript 文件中的父组件获取子组件变量和函数

Question

对 Angular 很陌生，但我知道您可以从 html 代码中设置子变量，也可以使用事件从中获取内容，但我的问题与从中获取实际的 ChildComponent 更相关ParentComponent class.

我不能只将 Children 作为 Parent 中的变量，这样我就可以 get/set 变量并调用那里的功能？或者这不是 Angular 应该如何工作？

我尝试将所有内容添加到 NgModule 并将 Children 注入到 Parent 构造函数中，但是 Angular 告诉我：

ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[ParentComponent -> ChildrenComponent]: StaticInjectorError(Platform: core)[ParentComponent -> ChildrenComponent]: NullInjectorError: No provider for ChildrenComponent!

如果需要，我可以提供一些代码示例，但如果有人可以向我指出正确的地方 question/resources 如果可能的话，或者只是解释为什么不应该足够了:)

谢谢！

Answer 1

代码如下：

import {ViewChild} from '@angular/core';

// Ceate object of ChildComponent
@ViewChild( ChildComponent ) childcomponent: ChildComponent;

// Accessing childComponent variable using object
childcomponent.variablename;

// Accessing method of ChildComponent using object 
childcomponent.MethodName();