angular - 如何改进模式弹出窗口
问题描述
我希望在出现错误消息后出现这种类型的窗口。
这是我的结果
请问我怎样才能得到相同的结果?
<!-- Modal -->
<ng-template #mymodal let-modal>
<div class="modal-header">
<h4 class="modal-title" id="modal-basic-title">Error message</h4>
<button type="button" class="close" aria-label="Close button" aria-describedby="modal-title" (click)="modal.dismiss('Cross click')">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="table-responsive">
<table class="table table-striped">
<thead>
</thead>
<tbody>
<td>This is a text</td>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="modal.close('Save click')">Ok</button>
</div>
</ng-template>
https://stackblitz.com/edit/angular-ivy-kr7cyd?file=src/app/app.component.html
解决方案
删除.modal-footer
将实现这一目标..
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="modal.close('Save click')">Ok</button>
</div>
推荐阅读
- c++ - 为什么成员函数地址离自由函数这么远?
- r - 有没有办法为 R summary() 函数自动绘图?
- rest - 基于 RBAC 模型的 RESTful API 设计
- powershell - 针对 HKLM:\SECURITY 问题的 Powershell Get-Acl
- visual-studio-code - 如何使用pytest在vscode中调试unittest
- php - PHP - 解析 JSON 有效负载问题
- python - Python 请求输出与预期输出不同
- microsoft-graph-api - 如何通过 Microsoft Graph API 发送 s/mime 消息?
- mongodb - 在数据库中检索多个数据时,FeathersJS 超时错误
- firebase - 如何使用 Firebase 的“verifyPhoneNumber()”来确认电话号码的所有权而不使用 # 登录?