Angular2中类似React的组件上下文

Question

我该如何使用Angular来实现与React Context API相似的功能？例如，如下所示：

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

以下是此示例：https://next.plnkr.co/edit/ESWRJapMh8k9wCe9

（我为Angular创建了类似的样板：https://next.plnkr.co/edit/OGnIpgnIsVC9wZXb。您只需提供一个工作叉作为答案即可。）