在iframe中预渲染Facebook社交图标

时间:2018-08-21 05:03:04

标签: angularjs facebook-javascript-sdk angularjs-material

我在网页上添加了“分享”按钮和“喜欢”按钮。 SHARE按钮使用该网页的链接,而LIKE按钮连接到相应的Facebook页面。

我正在使用Angularjs和Angular Material。在md内容内部,它将仅使用来自Facebook开发人员页面的iframe代码(而不是纯HTML)正确显示按钮。

我已经将按钮放在网站的主页上,但是在页面加载时(每次显示页面时)它们总是出现延迟。每个按钮都有一个独立的延迟。

我在按钮下方使用了md-whiteframe阴影,以使它们更具视觉吸引力,这会导致阴影在按钮之前呈现。

是否可以在页面加载之前预渲染按钮?

我尝试通过$ http.get和$ templateCache使用模板服务,但这会导致错误:

No 'Access-Control-Allow-Origin' header is present on the requested resource.

我还使用ui-router,并为来自应用程序文件的普通图像提供了预加载器服务。

任何帮助将不胜感激。

0 个答案:

没有答案