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

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

不过，当异步验证器失败时，我需要显示一个模式。从我在 ng-bootstrap 和 ngx-bootstrap 中看到的内容，模态被打开调用一个函数，并且不完全监听验证中的变化（我可以使用<p>and轻松完成*ngIf）。

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

那个代码对我来说很有趣。

有一个更好的方法吗？谢谢！

标签： javascriptangulartypescript

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

当涉及到模态时，这个库使得管理打开/关闭/数据传递/定制/等变得非常容易。