javascript - 在 fancybox 内绑定(bind) Angular 范围无法按预期工作

标签 javascript angularjs fancybox angularjs-directive

我创建了一个 angular 指令来使用 fancybox,它部分有效。

查看 plunker

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

问题是,如果变量在使用方括号 {{ }} 的 fancybox 内,则不会更新。 (查看 plunker 中的示例 3 和 4)。

例如,如果您打开示例 #3,更改输入,关闭框并重新打开框,那么您将看到更改。

最佳答案

我不确定是什么原因,但它通过改变起作用:

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

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

在尝试 ng-bind

之前,我尝试将您的 $compile 包装在 $timeout 中以查看这是否也有所不同

DEMO

关于javascript - 在 fancybox 内绑定(bind) Angular 范围无法按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20080219/

相关文章:

JavaScript 动态时间 SetTimeout 方法改变高度

javascript - 在 ajax 调用后尝试调整表格大小时,Footable 触发器不起作用

javascript - Express 和 AngularJS 路由

javascript - 通过嵌入客户端网站的 Javascript 显示带有 JQuery 和 Fancybox 的弹出窗口

javascript - 与 iframe 共享 angularjs 实例(fancybox)

javascript - AngularJS - 在 ng-repeat 中使用 ng-switch 有条件地应用 HTML

javascript - 表单输入时移除占位符后显示div

javascript - Angularjs 向指令添加样式(使用 Css 文件)

javascript - 如何防止模型冲突?

javascript - 如何在Codeigniter(最新版本) View 中使用fancybox