vSphere Web客戶端自定義插件中的AngularJS UI呈現問題

Question

我們正在藉助vSphere客戶端SDK 6.0爲vmware的vSphere Web客戶端開發用戶自定義。

我們已經使用html-bridge（AngularJS）來開發一個插件的UI，我們正面臨一個特定場景的UI呈現問題。

圖片1：此窗口屬於vCenter。如果我選擇任何下拉菜單，它不會影響屏幕的其餘部分。

圖2：我們已經與HTML橋的幫助下創建AngularJS此窗口。

圖3：如果我正在我們的自定義窗口，並選擇自己的任何下降是不是我們的自定義窗口的一部分（他們所屬的vCenter的成分，我曾與箭頭高亮顯示）。然後我們窗口的所有內容都會消失。

我們可以避免這個問題嗎？

請指教。

Answer 1

這是Flash播放器顯示HTML內容的固有問題。您在插件視圖中顯示的HTML內容嵌套在IFrame中，該IFrame本質上是一個用於繪製內容的本機操作系統窗口。 Web客戶端的Flash內容繪製在獨立的本地窗口中，該窗口的Z-index低於IFrame窗口。 由於Flash彈出窗口（例如截圖中的菜單）未在其專用窗口中繪製，而是在Flash播放器的窗口中繪製，因此無法在IFrame窗口（您的內容）上浮動。因此，如果IFrame未隱藏，您將「看到」插件視圖背後的下拉菜單。

對此限制沒有適當的解決方法。