我想创建一个有角度的对话框或模式弹出窗口。当我按下按钮时。在该弹出窗口中,我正在展示一种形式。
我对该按钮的html代码:
<button class="btn btn-outline-primary" type="submit" (click)="setting()" style="border-radius:40px;margin-left: 15px;"
color="primary"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></button>
我希望在弹出窗口中显示的表单的html代码:
<div style="margin-left: 50px;margin-right: 80%;margin-top: 1%; width: 100%;">
<h3>
Type Form
</h3>
<div>
<form>
<table>
<div>
<tr>
<td>
<mat-form-field>
<mat-label>Name</mat-label>
<input matInput placeholder="Name" autocomplete="off" required>
</mat-form-field>
</td>
</tr>
</div>
</table>
</form>
</div>
</div>
请告诉我是否有解决方案。请在ts中添加click()。
您需要在ng-template标签中设置对话框的内容,并设置类似的引用
<ng-template #dialogRef>your form</ng-template>
在stackblitz上有一个很好的例子:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句