2017-10-10 49 views
0

Angular 4需要使用問題和選項(是/否)顯示模態對話框控件,然後在代碼中對對話結果做出反應。關於VMWare Clarit的文檔不包含如何等待對話結果的反應。謝謝。如何在VMware Clarity中使用模態對話框?

+0

....我的意思是可重複使用的解決方案,類似於對話服務,而不是固定在每個組件中的對話控制 - 這在小型應用程序中可用。 – bmi

+0

我認爲這個問題已經提交:https://github.com/vmware/clarity/issues/1364。這是你想要的?如果是的話,你應該訂閱這個來獲得Clarity團隊的更多更新。 – takeradi

+0

感謝您的鏈接 - 這個討論是關於對話服務,但沒有解決方案。 – bmi

回答

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

+0

感謝您的回答。是的,我需要等待用戶的迴應,然後採取一些行動。上面的鏈接中的示例使用創建爲每個需要對話框的組件中的每個對話框 - 模態對話框是組件的一部分。在npm源文件中有一些對話服務,但不幸的是沒有維護角度4/5。 – bmi

+0

Clarity模式是聲明式的,目前沒有服務。如果您想提交更多關於您的期望的詳細信息,請點擊https://github.com/vmware/clarity/issues/1364。 –

+0

此外,您可以擁有一個'全局'模式,並創建自己的服務來控制它何時出現以及它顯示的內容。 –