javascript - 表单验证失败后如何显示模式？

Question

在 Angular 中使用响应式(Reactive)表单时，我们通常会在教程中看到同步验证器和一个小 <p>或<span>在表单控件下出现错误。这个元素有一个简单的 *ngIf控制其显示。

尽管如此，当异步验证器失败时，我需要显示模式。从我在 ng-bootstrap 和 ngx-bootstrap 中看到的情况来看，模式是通过调用函数打开的，并且并不完全监听验证中的更改(我可以使用 <p> 和 *ngIf 轻松完成)。

目前，我在表单控件中使用更改监听器，该监听器调用验证它的 API。如果 API 返回无效，我会提出一个包含在表单控件的同步验证器中的标志(从而使整个表单无效)，并从那里打开模式。 (最终我没有使用异步验证器)。

我觉得这段代码很奇怪。

有更好的方法吗？谢谢!

Answer 1

我喜欢使用 ngx-smart-modal 库来进行这种模态管理。

文档 => https://www.npmjs.com/package/ngx-smart-modal

这个库使得在模态方面管理打开/关闭/数据交付/定制/等变得非常容易。