Небольшой вопрос.У меня есть группа кнопок начальной загрузки, и кнопки представляют собой угловые компоненты, подобные следующему коду.
<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>
Из-за селектора стильгруппы кнопок начальной загрузки не совпадает с обычным поведением, потому что вокруг кнопок есть дополнительный контейнер.
Есть ли способ исправить это?