在不使用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将不断堆积-并最终占用大量内存。