如何在VMware Clarity中使用模态对话框?

问题描述:

Angular 4需要使用问题和选项(是/否)显示模态对话框控件,然后在代码中对对话结果做出反应。关于VMWare Clarit的文档不包含如何等待对话结果的反应。谢谢。如何在VMware Clarity中使用模态对话框?

+0

....我的意思是可重复使用的解决方案,类似于对话服务,而不是固定在每个组件中的对话控制 - 这在小型应用程序中可用。 – bmi

+0

我认为这个问题已经提交:https://github.com/vmware/clarity/issues/1364。这是你想要的?如果是的话,你应该订阅这个来获得Clarity团队的更多更新。 – takeradi

+0

感谢您的链接 - 这个讨论是关于对话服务,但没有解决方案。 – bmi

我假设你正在描述你想确认一个动作的情况(如确认你想删除一个项目),如果是的话,你应该查看这里找到的代码。你可以按照它调用的方法来查看逻辑。

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

+0

感谢您的回答。是的,我需要等待用户的回应,然后采取一些行动。上面的链接中的示例使用创建为每个需要对话框的组件中的每个对话框 - 模态对话框是组件的一部分。在npm源文件中有一些对话服务,但不幸的是没有维护角度4/5。 – bmi

+0

Clarity模式是声明式的,目前没有服务。如果您想提交更多关于您的期望的详细信息,请点击https://github.com/vmware/clarity/issues/1364。 –

+0

此外,您可以拥有一个'全局'模式,并创建自己的服务来控制它何时出现以及它显示的内容。 –