как поместить компонент угловой кнопки в группу кнопок начальной загрузки

Question

У меня есть следующая группа кнопок:

<div class="btn-group">
  <app-remove-button></app-remove-button>
  <button type="button" class="btn btn-outline-secondary">b2
  </button>
</div>

app-remove-button - это компонент с шаблоном:

<button class="btn btn-outline-danger" type="button" ngbTooltip="hint">
<b>&times;</b></button>

это неправильно отображается:

вывод html:

как мне сделать так, чтобы это выглядело как:

Answer 1

Изменить селектор вашего компонента:

app-remove-button → [app-remove-button]

Теперь вы можете использовать его как атрибут (избавление от селектора, добавленного в окончательный HTML, который портит ваш стиль):

<div class="btn-group">
  <button app-remove-button></button>
  <button type="button" class="btn btn-outline-secondary">b2
  </button>
</div>