Javascript 在fancybox中绑定角度范围未按预期工作

我创建了一个angular指令来使用fancybox，它部分起作用

查看

数据绑定工作正常，如果我在fancybox外部更改一个变量，然后打开fancybox，它将显示在fancybox内部。如果var从fancybox内部更改，也会发生同样的情况，它将反映框外的更改

问题是，如果变量位于fancybox中，则使用括号

{{}

无法更新变量。（请参见中的示例3和4）

<pre>{{foo}}</pre>

---

例如，如果您打开示例#3，更改输入，关闭该框并重新打开该框，则您将看到更改。

我不确定原因是什么，但它是通过更改：

{{foo}

到

我试着在

$timeout

中包装你的

$compile

，看看在尝试

ng bind

---

仍然不起作用。请看中的示例4，我添加了一个

ngRepeat

列表，使用

ngBind

而不是括号仍然不会更新框内的列表，只有在关闭并重新打开框后才会更新。

<pre ng-bind="foo"></pre>