blocks|key|3845766|text|您可以使用dependency+injection和注入语言服务，也可以使用BaseComponent|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3845767|export+class+BaseComponent+{

++++public+language:+any;

++++constructor()+{
++++++++this.language+=+configuration.language;
++++}
}
export+class+BlockComponent+extends+BaseComponent+{
++++constructor()+{
++++++++super();
++++++++console.log(this.language);
++++}
}|code-block|syntax|javascript|3845768|entityMap|0|LINK|mutability|MUTABLE|url|https://angular.io/guide/dependency-injection^0|5|K|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You may use <a href="https://angular.io/guide/dependency-injection" rel="nofollow noreferrer">dependency injection</a> and inject language service or you can you BaseComponent

<pre><code>export class BaseComponent {

 public language: any;

 constructor() {
 this.language = configuration.language;
 }
}
export class BlockComponent extends BaseComponent {
 constructor() {
 super();
 console.log(this.language);
 }
}
</code></pre>

blocks|key|1986021|text|使用具有数组的组件作为服务。在根组件中初始化该服务，并在所需任何组件处导入该服务数组。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1986022|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Use the component with array as a service. Initialize that service in the root component and import that service array at any component you want.

blocks|key|2118581|text|如果这是针对中小型应用程序|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2118582|然后创建服务，以便使用事件发射器将信息传递给所有组件|2118583|但是，如果这是一个大型应用程序，我建议您使用ngrx+i:e+redux方法，其中所有数据都存储在特定位置。|2118584|如果你想检查redux是如何工作的，请看git+hub中的这个repo，里面有一个关于ngrx+store和angular的非常简单的演示。|2118585|https://github.com/rahulrsingh09/AngularConcepts|offset|length|2118586|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|1C|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@$J|X|K|Y|1|Z]]|A|$]]|$1|L|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|I]]]]

If this is for a Small to medium Scale application 

then you make you services inorder to pass information to all the components using Event Emitters

But if this is for a large application i would recommend you to user ngrx i:e redux approach where all the data is stored at a particular location.

If you want to check how redux works please look at this repo in git hub has a very simple demo on ngrx store with angular.

<a href="https://github.com/rahulrsingh09/AngularConcepts" rel="nofollow noreferrer">https://github.com/rahulrsingh09/AngularConcepts</a>

I have component has array and I want to pass this object to all other components.
in my component I have a function gets the data based on the cookie value then I want to put the object data in other components {{lang.data1}}.

<pre><code> this.lang=this._webService.getlang(this.cookieValue);
</code></pre>

how can I use lang in all other component.

passing data to all component | angular 4

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个具有数组的组件，我想把这个对象传递给所有其他组件。在我的组件中，我有一个函数根据Cookie值获取数据，然后我想将对象数据放到其他组件{{lang.data1}}中。    this.lang=this._webService.getlang(this.cookieValue);如何在所有其他组件中使用lang...

问将数据传递给所有组件| angular 4
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将数据传递给所有组件| angular 4EN