hybris - 如何将按钮添加到我的 Spartacus 店面？

Question

我正在尝试向我的 Spartacus 店面添加按钮。

阻碍我前进的问题是：

1）如果我使用Angular生成新的按钮角度组件，应该在标签内还是在标签外提及？

2）是否应该以与第一次不同的方式呈现？

Answer 1

查看这个 repo和相应的 stackblitz 项目。添加新按钮的最简单方法是将其放置在使用插座的现有标准组件的参考中。本质上，您可以执行以下操作，将新的角度组件app-custom-component放在 ExistingComponent 之前。

<ng-template cxOutletRef="ExistingComponent" cxOutletPos="before">
  <app-custom-component></app-custom-component>
</ng-template>

Answer 2

你能更清楚地描述问题吗？据我了解，您正在寻找以下类型的代码。对于代码检查这个链接斯巴达克斯产品页面

<div class="row">
  <div class="col-md-6">
    <button
      class="btn btn-block btn-action"
      (click)="addAddressButtonHandle()"
    >
      {{ 'addressBook.addNewAddress' | cxTranslate }}
    </button>
  </div>
</div>