angular - 数据关闭模式在单击提交时无法以角度工作
问题描述
这是代码:
<button [disabled]="submitEnable"
type="button"
class="btn btn-primary "
name = "button"
(click) ="onSubmit(addNewconnection.value);
addNewconnection.reset()"
data-dismiss="modal"
class="btn btn-success">
Submit</button>
请完整的 HTML 代码
解决方案
我不知道完整的 HTML 代码,但你可以像这样使用
<div class="container">
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">open</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<form [formGroup]="popupfrm" (ngSubmit)="onSubmit()">
<div class=" form-group form-group-margin user-input-wrp ">
<input type="text" class="form-control permit-input inputwidth inputText " max="16" name="name"
formControlName="name" required />
<span class="floating-label">Name</span>
</div>
<div class="form-group labelmargin user-input-wrp">
<label class="label labelfont">Body:</label>
<textarea [froalaEditor] formControlName="Message" rows="5" name="TranslationMailMessage" character="256"></textarea>
</div>
<div class="button-div">
<button type="submit" class="btn btn-default btn-add btn-border">Add</button>
<button type="submit" click='close()' class="btn btn-default btn-add btn-border">Cancel</button>
</div>
</form>
<div class="modal-footer">
<button [disabled]="submitEnable" type="button" class="btn btn-primary " name="button" (click)="onSubmit(addNewconnection.value);
addNewconnection.reset()"
data-dismiss="modal" class="btn btn-success">
Submit</button>
</div>
</div>
</div>
</div>
</div>
推荐阅读
- docker - 为什么 Metricbeat 正在运行但不提供任何指标?
- javascript - MongoDb - 如何以 ObjectId("") 作为值创建有效的 JSON/Javascript 对象?
- clickhouse - 计算结果的物化视图
- azure - 如何访问包含来自 Azure Log Analytics 查询的数据的 azure 数据库
- apache-kafka - 并行从单个流主题写入不同的主题
- node.js - 如何将输入字段映射为mongodb中的不同字段
- html - 我如何始终保持我的 html 元素粘在父元素的底部,我正在使用溢出:隐藏并将高度隐式地赋予父元素?
- java - @Validated 注解使@ConfigurationProperties 类的字段为空
- powershell - 在线交换,New-DynamicDistributionGroup 与电话号码
- javascript - ajax php mysql 需要多少数据?