将Fancybox与AngularJs集成

Question

我刚开始学习angularjs，想知道是否可以在angularjs控制器中集成fancybox，以便在ajax请求之间显示默认的fancybox加载动画。使用以下代码时，什么也不会发生，也没有控制台错误或消息。如果有使用fancybox的替代方案，请提供一些示例代码。谢谢。注意：我已经在我的index.html文件中定义了一个带有ng-view的div。

$scope.search = function () {

    $.fancybox.showLoading();

    MyApp.query({
        query: $scope.query
    }, function (value, responseHeaders) {

        $.fancybox.hideLoading();

    });
};

- Grant

Answer 1

您需要创建指令将Fancybox集成到您的Angular代码中。查看类似的Lightbox指令 （点此），可以在这里看到其效果。

关于在ajax请求时显示加载动画，使用Fancybox并不正确，因为那不是它的主要目的。请搜索如何使用AngularJS实现ajax spinner。基本思路是实现请求和响应拦截器并显示动画。一个这样的例子可以在这里找到。

- Chandermani