AngularJS：动态渲染模板中的Scope函数

Question

这是我的交易。我写了一个与Bootstrap-UI关联的指令用于模态。它基本上允许我向元素添加属性，传递一些数据并触发弹出窗口。弹出窗口加载模板。我的问题是我想在模板中有一个关闭按钮，但我猜测因为模板是在点击时加载的，因此它或弹出窗口无法访问范围。这是我的代码。

.directive('modalShow', function($modal) {
    return {
        scope:{
            template: '@'
        },
        link: function(scope, element, attrs) {
            var callback = function() {
                var modalInstance = $modal.open({
                    templateUrl: '/app_assets/views/popups/'+scope.template+'.html',
                    controller: function() {}
                });

            }
            scope.ok = function () {
                //Close popup function
            };
            element.bind('click', callback);
            element.addClass('pointer');
        }
    }
});

在我的模板中，我在模态中动态加载...

<span ng-click="ok()">Close</span>

我想关闭那个模态的实例。