angular - 如何在 Angular 和 VMware Clarity 中使用模态对话框？

Question

我需要显示一个带有问题和是/否按钮的模态对话框控件，等待用户的选择，然后运行一些代码来执行选定的操作。

VMWare Clarity 文档对对话框内部的标记非常清楚，但没有谈到如何显示或隐藏它。

我想要一个完整的例子，谢谢。

Answer 1

我假设您描述的是您想要确认某项操作(例如确认您希望删除某项)的情况，如果是这样，您应该查看此处找到的代码。您可以按照它调用的方法查看逻辑。

https://github.com/gnomeontherun/clarity-workshop/blob/master/src/app/budget/budget/budget.component.html#L56

这是一个删除按钮，它调用一个方法，然后打开一个模式对话框。然后用户确认或取消，然后如果他们确认，则调用 API 实际删除。

如果您想制作自己的服务来控制模式，您可以按照我的警报服务和警报组件示例(但将其更改为模式)。 https://github.com/angular-in-action/portfolio/tree/master/src/app/alert