无法在 Spartcus3.0.0-next.3 中使用 outletref 创建组件

Question

我正在尝试在登录后的“我的帐户”下拉菜单后创建一个新的段落组件。 我尝试在 b2b 功能中的 ng-reflect-position="SiteLogin" 之后创建一个组件。

当前使用 Spartcus3.0.0-next.3。发现在 2.0 到 3.0 之间有语法变化。

创建的步骤是： 创建了一个角度组件，它的模块被导入到了 app.module.ts

从 '@spartacus/storefront' 导入 { OutletRefModule}；在新组件模块中

在 app.component.html 中导入新创建的组件

组件代码是

 
 Hi 这个新组件
 

在 SiteLogin 组件之后我看不到新导入的段落组件。以同样的方式在 2.0 中可以使用 cxOutletRef="testComponent" 获取组件，但在 3.0 中没有显示组件。

我是否缺少任何代码？任何人都可以请帮助如何在 3.0 中获取组件

提前致谢。

Answer 1

下拉菜单中的导航条目没有可用的出口。下拉导航本身是一个 cms 组件，并且（目前）没有更多细粒度的出口供您使用。

然而，大多数客户会控制 CMS 中的导航。也许这是需要考虑的事情。

然而，您的代码应该在SiteLogin 页面槽之前生成模板代码。您可能会遇到一个小问题，因为您似乎引用了变量 SiteLogin 而不是字符串 "SiteLogin"。您需要从 cxOutletRef 指令中删除括号：

<ng-template cxOutletRef="SiteLogin" cxOutletPos="before" let-model>
  template content...
</ng-template>