Book Image

Angular 2 Solutions - Intermediate Concepts [Video]

By : Matt Frisbie
Book Image

Angular 2 Solutions - Intermediate Concepts [Video]

By: Matt Frisbie

Overview of this book

<p>Angular 2 introduces an entirely new paradigm for applications, wholly embracing all the newest concepts that are built into the next generation of browsers and cutting away all the fat and bloat from Angular 1. This course plunges directly into the heart of all the most important Angular 2 concepts. Alongside the Angular 2 content, the course covers the new ES6 syntax, Typescript conventions, Web Components, and RxJS observables, among many other brand-new concepts. The second volume of this course will cover the ES6 implementation of Promises and will show you how to integrate them with Angular 2 applications. Once you’ve built a good foundation for the new concepts of Angular 2 from the previous volume, you’ll work with implementing RxJS observables and you’ll understand how to use them effectively. Finally, you’ll learn how to inject dependencies and wrap HTTP APIs with a service. These topics will help you gradually level up your knowledge and move on to the next volume of this course.</p> <h1>Style and Approach</h1> <p>This course follows a recipe-based approach—each recipe presents a unique problem to whose solution is presented in a clear, concise, and step-by-step manner. With practical hands-on guidance in each and every recipe, you'll be able to get to grips with the underlying concepts.</p>
Table of Contents (4 chapters)
Chapter 2
ReactiveX Observables
Content Locked
Section 5
Using QueryLists and Observables to Follow the Changes in ViewChildren
The ways in which view collections can be altered are numerous and subtle. Thankfully, Angular 2 provides a solid foundation for tracking these changes. - Use ViewChildren to collect the InnerComponent instances into a single QueryList - Use this.innerComponents to reference QueryList and set up OuterComponent to keep track of the value of the last InnerComponent instance - Trigger a change detection cycle once the value is changed