Question

一个小问题。我有一个引导按钮组，这些按钮是Angular组件，如以下代码所示。

<div class="btn-group float-right" role="group" aria-label="Basic example">
      <app-action
        [actionType]="'invoices'"
        [action]="'send'"
        [buttonIcon]="'fa-envelope'"
        (onLoadingActions)="setLoading($event)"
        [loading]="loading"
        [selectedValues]="selectedActionValues">
      </app-action>
      <app-action
        [actionType]="'invoices'"
        [action]="'delete'"
        [buttonIcon]="'fa-trash-alt'"
        (onLoadingActions)="setLoading($event)"
        [loading]="loading"
        [selectedValues]="selectedActionValues">
      </app-action>
    </div>

动作组件如下：

<button 
  type="button" 
  class="btn btn-primary" 
  [disabled]="loading">
    <i class="fas {{buttonIcon}}" (click)="onClickAction()"></i>
</button>

由于选择器的原因，引导按钮组的样式与正常行为不同，因为按钮周围包裹了一个额外的容器。

有没有办法解决这个问题？

Answer 1

除了用您自己的代码替代引导程序样式之外，目前尚不可能，因为它已经是一个未解决的问题：https://github.com/angular/angular/issues/18877

由于选择器元素，

1 个答案: