【问题标题】:Unable to close modal plugin on form submit无法在表单提交时关闭模态插件
【发布时间】:2016-12-07 14:49:46
【问题描述】:

enter image description here我正在为查询表单使用引导模式插件,并且正在使用“ng-submit”指令来保存表单的详细信息,但是当我单击提交按钮时,表单被提交但模式窗口确实不会关闭。提交详细信息后如何关闭模式。

请查找图片以供模态参考。

提前感谢您的帮助

【问题讨论】:

  • 请提供代码的功能示例,或者更准确地描述您的问题
  • 请贴出代码...如果看不到代码,我们就无法阅读!
  • 如果您在代码中提供 plunker 链接会更好
  • 我附上了代码截图..
  • @VinayMittal 只需复制代码并将其粘贴到问题中!无需添加屏幕截图:)

标签: java html angularjs


【解决方案1】:

如需快速破解,请在控制器的 callBackUser() 方法中添加以下代码,

$('#exampleModal').modal('hide');

同样不建议混合使用 jQuery 和 Angular。

编辑根据您的 cmets,像这样清除所有表单数据,

$scope.callback.firstName = ""; $scope.callback.useremail= ""

等等..所有领域!

【讨论】:

  • @VinayMittal 太棒了!!,如果你能投票赞成答案:)
  • 但同样的问题是,如果我再次调用相同的模态表单,它会显示以前的数据..即新的调用表单值不会重置
  • @VinayMittal 清除回调中的所有字段即可完成工作
  • 更新我的答案
  • 谢谢大家通过在我的控制器中使用以下内容完成了这一切.. $('#exampleModal').find('form')[0].reset();
猜你喜欢
  • 1970-01-01
  • 2015-01-04
  • 2016-04-17
  • 1970-01-01
  • 2018-12-18
  • 2016-02-02
  • 1970-01-01
  • 2011-06-03
  • 2021-08-02
相关资源
最近更新 更多