Adding a new tab

In this project, we would like to add a new tab that highlights the developers of this application. This will inform the potential users of this app about how to get in touch with the developers to provide them with the necessary feedback to improve the app experience.

In order to achieve this, we'll need to perform the following four main steps:

  1. Create a new controller entry in controllers.js.
  2. Create a new tab controller called tab-about in HTML.
  3. Add a new tab entry in the tabs.html file.
  4. Consolidate our work in the app.js file and connect everything together.

Creating a new controller

Let's start with adding a controller for the new tab. Head over to controllers.js and add the following into it:

controller('AboutCtrl', function($scope) ...

Get Learning Node.js for Mobile Application Development now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.