Как добавить кнопки в мой магазин Spartacus?

Question

Я пытаюсь добавить кнопки в мой магазин "Спартак".

Проблема, которая мешает мне прогрессировать вперед:

1) Если я сгенерирую новый угловой компонент кнопки, используя Angular, должен ли он быть упомянут внутри тега или вне этого?

2) Должен ли он быть представлен по-другому, как первый?

Answer 1

Посмотрите это репо и соответствующий проект 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>