在子组件中发生事件后,我需要通过调用父组件中的函数来更新父组件中的一些数据。这里我的子组件位于父组件的路由器出口中
parentComponent.html:-
<div class="row">
Parent component
</div>
<router-outlet></router-outlet>
Run Code Online (Sandbox Code Playgroud)
父组件.ts:-
fetchRequestsStatus(role, user) {
if (this.userRole) {
this.dashboardService.getStatusCount(role, user).subscribe(
res => {
console.log(res)
},
err => {
console.log(err)
})
}
Run Code Online (Sandbox Code Playgroud)
}
现在在子级中单击按钮,我需要fetchRequestsStatus(role, user)通过从子级传递参数来调用函数。我已经看到@input @ output 装饰器用于共享数据,但这里我的子组件位于路由器内部。
我该如何处理?
我开始使用 Angular HttpHeaders 但无法理解其构造函数的参数之一,即[name: string]: string,这是文档中的构造函数:
constructor(headers?: string | { **[name: string]: string** | string[]; })
Run Code Online (Sandbox Code Playgroud)
谁能解释该对象的类型或它所指的是什么?