小编Ame*_*n.K的帖子

当子组件位于路由器出口 Angular 时,从子组件调用父组件函数

在子组件中发生事件后,我需要通过调用父组件中的函数来更新父组件中的一些数据。这里我的子组件位于父组件的路由器出口中

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 angular7

5
推荐指数
1
解决办法
1414
查看次数

Typescript 对象的类型是什么:“{ [name: string]: string}”?

我开始使用 Angular HttpHeaders 但无法理解其构造函数的参数之一,即[name: string]: string,这是文档中的构造函数:

constructor(headers?: string | { **[name: string]: string** | string[]; })
Run Code Online (Sandbox Code Playgroud)

谁能解释该对象的类型或它所指的是什么?

typescript angular

0
推荐指数
1
解决办法
4736
查看次数

标签 统计

angular ×2

angular7 ×1

typescript ×1