AngularJs 在 Modal 中清除表单并将其设置为 ng-invalid

Posted 2023-05-07

【中文标题】AngularJs 在 Modal 中清除表单并将其设置为 ng-invalid

【英文标题】：AngularJs clear form in Modal and set it ng-invalid

【发布时间】：2015-06-10 08:43:12

【问题描述】：

我对 Angular JS 和 modal bootstrap 有一个小问题。

这是风景： 我使用包含表单的引导程序创建了一个模式。在这种形式中，我使用带有内置属性formname.$valid 的角度验证。 当formname.$valid 为假时，我将提交按钮设置为隐藏，当formname.$valid 为真时，相同的按钮可见。

问题是当我第一次提交关闭模式并清除所有输入类型的表单时。我第二次打开模式时，formname.$valid 属性为真，而它必须为假。 表单的类也设置为ng-valid，但它必须是ng-invalid。 我该如何解决这个问题？

这是一个jsfiddle 演示，它准确地解释了我的问题。

对于 js fiddle 项目，我建议你使用 Chrome，因为它是我唯一需要支持的浏览器（它只是一个学校项目）

谢谢大家！

（对不起我的英语不好）

【参考方案1】：

您需要访问 ui-bootstrap 的文档

Documentation ui-bootstrap

你在你的模块中包含了 ui-bootstrap 并且你不使用它来管理你的模态

看看这个plunker使用$modal：

Example modal angularjs