#angular #typescript #bootstrap-4 #angular-ui-bootstrap
#угловой #typescript #bootstrap-4 #angular-ui-bootstrap
Вопрос:
У меня возникли проблемы с центрированием загрузочного модала в Angular. Все остальные вопросы кажутся устаревшими. У меня есть следующий модальный:
<ng-template #changeIncome>
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Income</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">amp;times;</span>
</button>
</div>
<div class="modal-body">
<input type="number" #amountDashboard id="amount" name="amount" class="form-control" required="required">
<div id="amm"></div><br />
<input type="number" #dateDashboard id="date" name="date" class="form-control" required="required">
<div id="dat"></div>
</div>
<div class="modal-footer">
<button type="button" (click)="submit()" class="btn btn-primary">Save</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</ng-template>
Я хотел бы модальный с классом modal-dialog-centered, чтобы он был центрирован, но я не вижу способа это сделать. Есть идеи?
Я использую ngx-bootstrap / modal
Комментарии:
1. Можете ли вы показать код компонента ts?
2. Вы имеете в виду, что модальный центрирован по вертикали правильно?
3. Это правильно.