Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Learning Angular
  • Toc
  • feedback
Learning Angular

Learning Angular

By : Aristeidis Bampakos
4 (6)
close
Learning Angular

Learning Angular

4 (6)
By: Aristeidis Bampakos

Overview of this book

Angular is an extremely fast, cross-platform JavaScript framework loved by millions. Learning Angular is a comprehensive introduction to the framework from an experienced Angular developer and Google Developer Expert. You’ll learn the Angular way of development as you build a real-world app from the ground up. Updated for Angular 19, this fifth edition tackles landmark changes in Angular after the “Angular Renaissance”. It covers app creation with standalone components, Angular Signals, and the new control flow syntax, while acknowledging differences in approach in older Angular code. You’ll also find a brand-new chapter on optimizing performance with SSR and hydration, as well as revamped content on TypeScript. Angular developers of all experience levels will benefit from this book. It is especially useful if you are new to Angular, as it will help you get to grips with the bare bones of the framework. By the end of this book, you'll be able to create Angular applications with TypeScript from scratch and apply best practices in any Angular codebase.
Table of Contents (15 chapters)
close
Free Chapter
1
Learning Angular, Fifth Edition: A practical guide to building web applications with modern Angular

Interacting with the template

As we have learned, creating an Angular component using the Angular CLI involves generating a set of accompanying files. One of these files is the component template containing the HTML content displayed on the page. In this section, we will explore how to display and interact with the template through the following topics:

  • Loading the component template
  • Displaying data from the component class
  • Styling the component
  • Getting data from the template

We will start our journey in the component template by exploring how we render a component on the web page.

Loading the component template

We learned that Angular uses the selector property to load the component in an HTML template. A typical Angular application loads the template of the main component at application startup. The <app-root> tag we saw in Chapter 1, Building Your First Angular Application, is the selector of the main application component.

To load a component we have created, such as the...

bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete