Angular 如何将数据从app.component发送到其他(子)组件

Angular 如何将数据从app.component发送到其他(子)组件,angular,typescript,asp.net-web-api,angular-components,Angular,Typescript,Asp.net Web Api,Angular Components,我用的是角度6。我想将从外部API获取的数据从app.component发送到其他子组件,我不想在所有组件中分别重复调用该公共API/服务。我想调用它一次,这就是我调用app.component.ts的原因 下面是一个服务/API代码 this.mainService.getBaseModel().subscribe(ret => { this.basemodel = ret; }, error => { }, () => { }); 我想在我的应用程

我用的是角度6。我想将从外部API获取的数据从app.component发送到其他子组件,我不想在所有组件中分别重复调用该公共API/服务。我想调用它一次,这就是我调用app.component.ts的原因

下面是一个服务/API代码

this.mainService.getBaseModel().subscribe(ret => {
        this.basemodel = ret;
    }, error => { }, () => {
});

我想在我的应用程序中的所有组件中发送此“basemodel”值。帮助我更好地解决和理解它。谢谢。

实现这一点有两种方法

,我们可以将数据从父组件传递到每个子组件。 为所有这些创建公共服务,然后使用服务方法获取对象 如果您有一个或两个to组件来共享来自父级的数据,那么将@Input Othery服务与最新的RxJs类、主题等一起使用。。可能真的很容易

如果您想关注@Input,请关注此帖子-


对于行为主体的服务,请遵循以下步骤-

有两种方法可以实现此目的

,我们可以将数据从父组件传递到每个子组件。 为所有这些创建公共服务,然后使用服务方法获取对象 如果您有一个或两个to组件来共享来自父级的数据,那么将@Input Othery服务与最新的RxJs类、主题等一起使用。。可能真的很容易

如果您想关注@Input,请关注此帖子-


对于Behavior Subject-

服务,如果不知道应用程序的结构,很难说使用哪种方法。 您可以使用:

@Input和@Output的组合 另一项用于保存和分发数据的服务 像ngrx这样的商店
如果不知道应用程序的结构,就很难说使用哪种方法。 您可以使用:

@Input和@Output的组合 另一项用于保存和分发数据的服务 像ngrx这样的商店
在官方的Angular文档中,您可以找到几种解决方法。它们可以在这里找到:

这里还有上述方法的实例:

在官方的角度文档中,您可以找到几种解决方法。它们可以在这里找到:

这里还有上述方法的实例: