Chapter 3. What you need to know about AngularJS

 

This chapter covers

  • How AngularJS apps are built and structured
  • The fundamentals of AngularJS that power many Ionic features
  • How to use controllers, filters, directives, scope, and more

AngularJS is a web application framework, and its popularity has made it one of the most-used JavaScript tools available today. Ionic is built on top of Angular, so it’s important to have a grasp of how it works. Instead of having to build an entire web application framework for Ionic, it uses Angular and extends it with a large number of interface components and other mobile-friendly features.

This chapter will walk you through the core of what Angular is and cover most of the fundamentals you need to know to be effective. If you’re already quite comfortable with Angular, then you can skim the chapter or jump ahead. This chapter is for those who are new to Angular or have minimal experience and need a good primer.

3.1. AngularJS at a glance

3.2. Setting up for the chapter project

3.3. Basics for an Angular app

3.4. Controllers: for controlling data and business logic

3.5. Loading data: using the controller to load and display data in the view

3.6. Handling click events to select a note

3.7. Create a directive to parse a note with Markdown

3.8. Using models to manage content editing

3.9. Saving and deleting a note

3.10. Continuing with Angular

3.11. Chapter challenges

3.12. Summary