3 App essentials

 

This chapter covers

  • How Angular organizes code into modules
  • How apps are rendered
  • Types of entities in Angular
  • The template syntax and capabilities of Angular
  • Change detection and dependency injection

This chapter covers the essentials of Angular applications so that you can understand how everything fits together. It will be a good reference for the fundamentals.

It is focused on concepts, and there are no coding projects. You may be eager to jump into coding, and I certainly understand that. I recommend you take the time to read this chapter in its entirety, but you can also start by skimming the first couple paragraphs of each section.

While in college, I studied abroad in Germany and was fortunate enough to do some traveling. I took a number of tours, but two I remember well were a tour of some salt mines in southern Germany and a tour of the Uffizi Museum in Florence, Italy. I learned a lot of interesting facts about salt mines, but I had no real background in mining. On the other hand, I had been taking an art history class, which made the experience of the Uffizi Museum far more satisfying.

3.1 Entities in Angular

3.1.1 Modules

3.1.2 Components

3.1.3 Directives

3.1.4 Pipes

3.1.5 Services

3.2 How Angular begins to render an app

3.3 Types of compilers

3.4 Dependency injection

3.5 Change detection

3.6 Template expressions and bindings

3.6.1 Interpolation

3.6.2 Property bindings

3.6.3 Special property bindings

3.6.4 Attribute bindings

3.6.5 Event bindings

Summary