fancybox中的角度选择器

Question

当我在内联fancybox中加载数据贴片（角度弯矩选择器）后点击它，它会输出空窗口。 但如果我直接点击数据贴纸输入 - 一切正常。

我使用fancybox作为指令：

    .directive('fancybox', function ($compile, $http) {
        return {
            scope: true,
            restrict: 'EA',

            link: function(scope, element, attrs) {
                scope.openFancybox = function (href) {
                    scope.curHosterUID = angular.fromJson(attrs.hoster);
                    //console.log(scope.chEvent);
                    //scope.curHosterUID = href.replace('#viewEvent', '');
                    console.log(scope.curHosterUID);

                    var template = angular.element(href);
                    var compiledTemplate = $compile(template);
                    compiledTemplate(scope);
                    $.fancybox.open();
                    $.fancybox.open({ href: href, type: 'inline' });

                };
            }
        };
    })

<div class="input-group" moment-picker="ctrl.timepicker" format="HH:mm:ss">
                                        <span class="input-group-addon">
                                            <i class="fa fa-clock-o"></i>
                                        </span>
                                        <input id="event_start" class="form-control"
                                               placeholder="Select a time"
                                               ng-model="ctrl.timepicker"
                                               ng-model-options="{ updateOn: 'blur' }">
                                    </div>

如何在fancybox中强制使用datapicker？