Связывание угловой области внутри fancybox не работает как ожидалось

Question

Я создал угловую директиву для работы с fancybox, и она частично работает.

Отъезд plunker

связывания данных работает нормально, если я изменяю переменную вне FancyBox, а затем открыть FancyBox он будет показывать внутри FancyBox. То же самое происходит, если var изменяется изнутри fancybox, он будет отображать изменения вне поля.

Проблема в том, что переменные не обновляются, если они находятся внутри fancybox, используя скобки {{ }}. (посмотрите на примеры 3 и 4 в plunker).

Например, если вы открываете пример № 3, измените ввод, закройте окно и закройте окно, после чего вы увидите изменения.

Answer 1

Я не уверен, что причина в том, но он работает за счет изменения:

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

Для

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

Я попробовал оборачивать ваш $compile в $timeout, чтобы увидеть, если это имело значение также, прежде чем пытаться ng-bind

DEMO