AngularJS Web Application Development Blueprints

Adding additional features

This completes our chapter on building a mobile web app.

We can also convert this web app into a native app using tools such as PhoneGap. However, that would be beyond the scope of this book.

As an assignment, try adding in the following functionalities to the app:

• A delete button on the details grid that allows you to delete an individual expense item. You'll need to first identify the key of the selected item and then use the localStorage.removeItem(key) method to delete the item.
• A notification message box that displays a success or failure message while adding an expense. You can look to create your own directive to display the notification messages. Use Promises or try-catch blocks to identify if the data was saved ...