Tengo una serie de Collapsible de Bootstrap, y quiero que el botón de + únicamente despliegue el Collapsible, que es cuando se va a insertar, no que al darle click se cierre si ya esta abierto.
Mi código es el siguiente:
<div class="form-group row text-center">
<button class="btn col-11" type="button" data-toggle="collapse"
data-target="#cPago" aria-expanded="false" aria-controls="cPago">
Comportamientos pago <span class="badge badge-light text-dark">{{cPago.length}}</span>
</button>
<i class="fas fa-plus text-success col-1" data-toggle="collapse"
data-target="#cPago" (click)="cPago.push('')" [hidden]="btnStatus"></i>
</div>
<div class="collapse col-11" id="cPago">
<div class="card card-body block-center">
<table class="table">
<tr *ngFor="let c of cPago, let i = index trackBy:trackByFn">
<td class="col-10"><input type="number" class="form-control"
[(ngModel)]="cPago[i]" [disabled]="inputStatus" required
maxlength="3" name="in3"></td>
<td class="col-1"><i class="far fa-trash-alt text-danger"
(click)="cPago.splice(i,1)" [hidden]="btnStatus"></i></td>
</tr>
</table>
</div>
</div>