Javascript 如何将index.html中的内容放入my view.html？

我有这样的东西。我希望使用传递到指令中的mapId填充视图。然后我想用这个观点来代替“这是一些内容”

首先，如何将mapId传递到视图中；其次，如何在lightbox div中显示该视图

---

我知道这有点模糊，但我是angular新手，所以我不知道这里还需要什么其他信息。

我会使用angular UI引导中的模式，并根据我的情况进行调整。我认为这是一个很好的起点。

您将无法将view.html文件与当前的lighbox代码一起使用。它需要大量修改才能使用。但是，您可以使用当前代码来实现相同的功能，可能需要添加一个控制器来修改作用域

我修改了中的index.html，以便它显示

mapId

值

让我们看一下角形灯箱实际上在做什么：

通过只返回一个函数，指令将完成整个编译过程，然后使用返回的函数作为链接器。然后链接器继续（取决于选项）向DOM添加覆盖（lightbox的不透明暗背景），然后将lightbox活动类添加到

div#lightbox

。这个

div

已经在DOM中，但是由于CSS而被隐藏，并且已经由AngularJS编译和呈现，因此除了在相同或子作用域级别上通过双向数据绑定之外，它实际上无法更改

我所做的更改：

我在名为

mapId

的

div#lightbox

中添加了一个绑定范围变量，并在将

mapId

的值设置为1、2或3的按钮中添加了一个

ng click

。因此，当您单击按钮时，

div#lightbox

将显示&显示

mapId

的新值

鉴于以上可能不是你想要完成的

让我们谈谈如何着手做这件事

首先，您需要以某种方式将

view.html

加载到指令中。通过让

view.html

内容成为指令中的字符串或使用

然后，您需要从

view.HTML

中删除HTML，传入一个新的范围，该范围包含您想要从

options

中获取的值，然后将其附加到

div#lightbox