Javascript 将Fancybox与AngularJs集成

我刚刚开始学习angularjs，我想知道是否可以将fancybox集成到angularjs控制器中，以便在ajax请求之间显示默认的fancybox加载动画

使用以下代码不会发生任何事情，也不会出现控制台错误或消息

如果有使用fancybox的替代解决方案，可以提供一些示例代码

谢谢

注意：我在index.html文件中定义了一个带有ng视图的div

$scope.search = function () {

    $.fancybox.showLoading();

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

        $.fancybox.hideLoading();

    });
};

---

您需要创建指令来将Fancybox集成到您的angular代码中。查看创建的类似Lightbox指令。这可以在行动中看到

在ajax请求上显示加载动画时，使用Fancybox是不正确的，因为这不是它的主要目的。谷歌提供了如何使用angularjs实现ajax微调器。基本思想是实现请求和响应拦截器并显示动画。现在有一个这样的例子