像Angular2中的组件上下文一样进行反应

像Angular2中的组件上下文一样进行反应,angular,Angular,如何处理与React上下文API类似的事情?例如,类似这样的内容: <> <ThemeContext.Provider value="red"> <Toolbar /> </ThemeContext.Provider> <ThemeContext.Provider value="green"> <Toolbar /> </ThemeContext.Provider> </&g

如何处理与React上下文API类似的事情?例如,类似这样的内容:

<>
  <ThemeContext.Provider value="red">
    <Toolbar />
  </ThemeContext.Provider>
  <ThemeContext.Provider value="green">
    <Toolbar />
  </ThemeContext.Provider>
</>

以下是这方面的工作示例:


(我为Angular.创建了类似的样板文件。您可以提供一个工作叉作为答案。)

React-Context API文档:我不确定我是否理解正确,但您可以使用Angualr中的ng容器和ng内容,如下所示:我为您提供了一个类似的示例,其中包含动态传递的html而不是css:实际上,这与样式或布局无关。我想传递的是一个业务逻辑值。您是否找到了问题的解决方案?我发现的唯一一个是global store,我不想使用该技术。您可以尝试通过“使用组件限制提供程序范围”(请参阅文档:)来实现类似的效果。