Book Image

Angular 2 Core Concepts [Video]

By : Matt Frisbie
Book Image

Angular 2 Core Concepts [Video]

By: Matt Frisbie

Overview of this book

<p>Angular 2 introduces an entirely new paradigm of applications. It wholly embraces all the newest concepts that are built into the next generation of browsers, and it cuts away all the fat and bloat from Angular 1. This course plunges directly into the heart of all the most important Angular 2 concepts.</p> <p>This course helps you to migrate from Angular 1 application to Angular 2, familiarizes you with the Angular 2 components and covers the reworked Angular 2 form modules in depth.</p> <h1>Style and Approach</h1> <p>This course follows a solution-based approach, where each video presents a unique problem and solution 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 concepts.</p>

Related Content you might be interested in

Current Title:

Small book image
Angular 2 Core Concepts [Video]
Matt Frisbie
Feb, 2017 | 3 hours 8 minutes
No titles found
Table of Contents (3 chapters)
Free Chapter
1
Strategies for Upgrading to Angular 2
The Course Overview
Componentizing Directives Using the controllerAs Encapsulation
Migrating an Application to Component Directives
Implementing a Basic Component in AngularJS 1.5
Normalizing Service Types
Connecting Angular 1 and Angular 2 with UpgradeModule
Downgrading Angular 2 components to Angular 1 directives with downgradeComponent
Downgrading Angular 2 Providers to Angular 1 Services with downgradeInjectable
2
Conquering Components and Directives
Using Decorators to Build and Style a Simple Component
Passing Members from a Parent Component to a Child Component
Binding to Native Element Attributes
Registering Handlers on Native Browser Events
Generating and Capturing Custom Events Using EventEmitter
Attaching Behaviorto DOM Elements with Directives
Projecting Nested Content Using ngContent
Using ngFor and ngIfStructural Directives for Model-Based DOM Control
Referencing Elements Using Template Variables
Attribute Property Binding
Utilizing Component Life Cycle Hooks
Referencing a Parent Component from a Child Component
Configuring Mutual Parent-Child Awareness with ViewChild and forwardRef
Configuring Mutual Parent-Child Awareness with ContentChild and forwardRef
3
Building Template-Driven and Reactive Forms
Implementing Simple Two-Way Data Binding with ngModel
Implementing Basic Field Validation with a FormControl
Bundling Controls with a FormGroup
Bundling FormControls with a FormArray
Implementing Basic Forms with NgForm
Implementing Basic Forms with FormBuilder and formControlName
Creating and Using a Custom Validator
Creating and Using a Custom Asynchronous Validator with Promises
Chapter 2
Conquering Components and Directives
Content Locked
Section 13
Configuring Mutual Parent-Child Awareness with ViewChild and forwardRef
Depending on your application's separation of concerns, it might make sense for a childcomponent in your application to reference a parent, and at the same time, for the parent toreference the child. - Configure ArticleComponent will retrieve the component reference - Add the setLikeEnabled() - Togglingthe checkbox can enable and disable the like button
Previous Section
End of Section 13
Next Section