Adding a Facebook login

Using the Facebook JavaScript SDK, we are going to create our very own directive for the Facebook login. We could simply copy and paste the sample Facebook login code available on the developer portal into our index.html file, and it would just work. However, this wouldn't be a clean approach. Instead, using directives helps to make the code abstract, thus keeping it clean, and once you have your own directive, it becomes quite easy to add the Facebook login into any of your other projects.

Now, let's try and get our Facebook login to work.

Adding the fb-root div element

Whenever we use the JavaScript SDK for Facebook, it's important that we have an empty <div> element with an ID named fb-root just after the <body> tag. The ...

Get AngularJS Web Application Development Blueprints now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.