Book Image

Learning Angular - Second Edition

By : Christoffer Noring, Pablo Deeleman
Book Image

Learning Angular - Second Edition

By: Christoffer Noring, Pablo Deeleman

Overview of this book

<p>The latest version of Angular comes with a lot of new features that help you to make your applications smaller and faster. This book will show you how to set up an Angular project, and you’ll build Angular components right from the beginning.</p> <p>Moving on, you’ll explore and work with the components to build your app. Next, you’ll find out more about TypeScript and see how to use it to build apps in the best way possible. You’ll then be introduced to the building blocks - Properties, Events, Directives, and Pipes - and how it can be used to implement and enhance the components.</p> <p>Additionally, you’ll be using Angular components to organize your components in a scalable way. Then you’ll understand how to get data in your app and add navigation to it. Furthermore, you’ll deep dive and work with Forms, Authentication, and see how Material design will help you make your app beautiful in just a few short lines of code. Lastly, you’ll see how to use animating components with Angular, and test and debug the app.</p> <p>All in all, the overall mission is to give you a great start when developing apps using Angular and TypeScript.</p>
Table of Contents (21 chapters)
Title Page
Credits
About the Authors
www.PacktPub.com
Customer Feedback
Preface
2
IDEs and Plugins

Chapter 4. Implementing Properties and Events in Our Components

So far, we have had the opportunity to take a bird's eye overview of what components are in the new Angular ecosystem, what their role is, how they behave, and what tools are required to start building our own components to represent widgets and pieces of functionality. In addition, TypeScript turns out to be the perfect companion for this endeavor, so we seem to have everything that we need to further explore the possibilities that Angular brings to the game with regards to creating interactive components that expose properties and emit events.

In this chapter, we will:

  • Discover all the syntactic possibilities at our disposal to bind content in our templates
  • Create public APIs for our components so that we can benefit from their properties and event handlers
  • See how to implement data binding in Angular
  • Reduce the complexity of CSS management with view encapsulation