I've added a SHARE button and a LIKE button to my web page. The SHARE button utlises the link to the webpage and the LIKE button is connected to the corresponding Facebook page.
I am using Angularjs and Angular Material. Inside the md-content, it will only display the buttons properly using the iframe code sourced from the Facebook Developers page as opposed to the straight HTML.
I have put the buttons on the home page of the website but there is always a delay in them appearing upon page load (every time the page is displayed). Each button has a separate delay to the other.
I am using an md-whiteframe shadow underneath the buttons to make them more visually appealing, this causes the shadows to render before the buttons.
Is there a way to pre-render the buttons before page load?
I have tried using my Template Service utilising $http.get and the $templateCache, but this results in an error:
No 'Access-Control-Allow-Origin' header is present on the requested resource.
I am also using ui-router and have a preloader service for my ordinary images that are sourced from the app files.
Any help would be greatly appreciated.
