在不使用iframe的情況下隔離HTML元素

Question

我正在構建一個以angular為客戶端框架的MVC應用程序。 我正在加載選項卡中的所有視圖； 用戶可以多次打開同一個視圖，這就出現了問題。

當用戶兩次打開同一視圖時，將有重復的ID，因此某些html屬性將無法正常工作（例如，“ label”元素的“ for”屬性）

我知道，我可以生成隨機ID來避免此問題，但這在我的情況下是不可接受的。

我需要隔離視圖根（div元素），以便它不會干擾其他元素，例如iframe但不使用iframe :)

Answer 1

你不能。 DOM結構位於window和隨后的document中。 只能有一個window pr（i）幀。

您可以做的，也是最常用的方法，是為特定的選項卡/視圖生成UUID。 此UUID必須在您的后端中可用，這是將表單發布定向到正確上下文的方式。

現在，當您為每個選項卡生成HTML時，請使用UUID在ID后綴。 但是請記住，如果您的主視圖是100％靜態的而沒有頁面重新加載，則DOM將不斷堆積-並最終占用大量內存。