首页 / JAVASCRIPT / javascript – 将Fancybox与AngularJs集成

javascript – 将Fancybox与AngularJs集成

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将Fancybox与AngularJs集成，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含730字，纯文字阅读大概需要2分钟。

内容图文

我刚刚开始使用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 – 将Fancybox与AngularJs集成全部内容，希望文章能够帮你解决javascript – 将Fancybox与AngularJs集成所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/743441.html

来源：【匿名】