本文共 429 字，大约阅读时间需要 1 分钟。

首先创建一个新的Angular module和Component：

这个新的module，因为要使用Outlet功能，所以需要从@Spartacus/storefront里导入OutletRefModule，以及导出我们自己实现的MyOutletsComponent以便让外界消费。

MyOutletsComponent的实现：

在构造函数里注入currentProductService, 调用getProduct方法异步读取当前product属性，存储在属性product$里：

在这个Component的html里，显示product$的值：

       
    
Jerry
    
    
Product: {
  { product$ | async | json }}
   

最后别忘了把Component的selector标签加到app Component的html里：

最后的效果：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

转载地址：https://jerry.blog.csdn.net/article/details/108450603 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！