javascript – 将Fancybox与AngularJs集成

2019-07-28 22:37:24 阅读：226 来源： 互联网

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

使用以下代码没有任何反应,并且没有控制台错误或消息.

如果在使用fancybox的替代解决方案的情况下可以提供一些示例代码.

谢谢.

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

$scope.search = function () {

    $.fancybox.showLoading();

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

        $.fancybox.hideLoading();

    });
};

解决方法:

您需要创建指令以将Fancybox集成到角度代码中.看看创建here的类似Lightbox指令.可以在行动here中看到.

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

标签：javascript,angularjs,fancybox
来源： https://codeday.me/bug/20190728/1566049.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 将Fancybox与AngularJs集成