在Angular中从父组件调用子组件的方法
大家好!我是Angular和TypeScript的新手,遇到了一个无法解决的问题。我有一个父组件(ParentComponent)和一个子组件(ChildComponent)。子组件中有一个resetForm()方法,用于重置表单。我需要当在父组件中点击按钮时,调用子组件的这个方法。
以下是简化代码:
**父组件(parent.component.ts):**
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-parent',
template: `
`
})
export class ParentComponent {
resetChildForm() {
// 如何在这里调用子组件的resetForm()?
}
}
```
**子组件(child.component.ts):**
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-child',
template: `
`
})