The About Sub-Application

Learn how to implement the “About” page for the project using a sub-application.

We'll cover the following

Creating the show view and controller
Adding routing
Try it yourself

Since we want to learn about switching sub-applications, we’ll need to add another sub-application to our ContactManager application in addition to our ContactsApp. Our new sub-application will be the AboutApp. All it will do is display a static message at the #about URL fragment.

Note: If you need to revisit the details, refer to the implementation of the ContactsApp and the related explanations in the “Structuring Code with Modules” and the “Implementing Routing” chapters.

First, we add a template to index.html:

Get hands-on with 1400+ tech skills courses.

Introduction

Displaying a Static View

Displaying a Model

Displaying a Collection of Models

Structuring Code with Modules

Creating Tables in Views

Events, Bubbling, and TriggerMethod

Displaying Contacts in Dedicated Views

Implementing Routing

Dealing with Persisted Data

Handling Data Latency

Managing Forms

Displaying a Modal Window

Complex Views and Base Views

Managing Dialogs with a Dedicated Region

Filtering Contacts

Addition to Sub-Application

Conclusion

Appendix: Using Web Storage for Persistence

Appendix: Creating a FilteredCollection

The About Sub-Application