如何将角度按钮组件放入引导按钮组

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>