如何在每次隐藏模态时重置模态内容(removeData() 不起作用)
How can I reset modal-content every time the modal is hidden (removeData() didn't work)?
Bootstrap 3 和 AngularJS 1.4.0.
如果我使用remote
功能加载模态内容,我需要$compile
它,但在这种情况下removeData()
不起作用,因为在 dom 中编写模态内容时它也不会起作用。
样品.html
<div id="saveModal" class="modal inmodal fade" aria-hidden="true" role="dialog" tabindex="-1" refresh-modal>
<div class="modal-dialog">
<div class="modal-content">
<!-- Content here or remote -->
</div>
</div>
</div>
脚本.js
.directive("refreshModal", ['$compile', function($compile) {
return {
restrict: 'A',
link: function($scope, element, attrs) {
element.on('loaded.bs.modal', function(e) {
$compile(element.contents())($scope);
}).on('hidden.bs.modal', function (e) {
element.removeData('bs.modal');
});
}
}
}])
重置表单是不够的,因为模态内容中还有一些不属于表单的其他文本。
我建议使用Angular UI Bootstrap。
这个项目由角度团队顶峰,并与Angular Apps配合得更好。
与尝试让 Bootstrap JS 组件与 Angular 很好地协同工作相比,您将经历更少的痛苦。
相关文章:
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 打开一个模态并将其链接到AngularJS中的指令
- SemanticUI模态not onDeny/onApprove事件未激发
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 如何通过所选索引(AngularJS)在模态弹出窗口中显示数据
- 包含数据库中相关信息的开放模态
- bootstrap消除模态并显示另一个模态
- 模态提示-如何重写此代码
- 模态框无法正常工作
- 将数据传递给由服务创建的Ionic模态
- iframe模态无法关闭
- 点击AngularJS模态窗口捕捉背景事件
- jqueryajax调用是复制url,当在模态视图之后在外部js文件中进行调用时
- 使用模态对话框(JQuery)编辑函数
- 如何在模态实例中使用filter
- 页面上有多个模态框
- 如果满足某些条件,如何在不调用模态的情况下首先调用类
- 在将缩略图链接到模态时遇到问题
- jQuery模态弹出的行为类似于确认和警报对话框
- 如何在每次隐藏模态时重置模态内容(removeData() 不起作用)