Angular 如何将数据从app.component发送到其他(子)组件
我用的是角度6。我想将从外部API获取的数据从app.component发送到其他子组件,我不想在所有组件中分别重复调用该公共API/服务。我想调用它一次,这就是我调用app.component.ts的原因 下面是一个服务/API代码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 => { }, () => { }); 我想在我的应用程
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文档中,您可以找到几种解决方法。它们可以在这里找到: 这里还有上述方法的实例:
在官方的角度文档中,您可以找到几种解决方法。它们可以在这里找到: 这里还有上述方法的实例: