Angular Musing

A list of articles and demos on Angular 2+ (current version: 2.3.1).
https://github.com/chybie/ng-musing

Create a Globally Available Custom Pipe in Angular

Understanding, creating and using pipe.

Scotch.io Tutorial Demo

How to Deal with Different Form Controls in Angular

Dealing with different form controls in template-driven form.

Scotch.io Tutorial Demo

Using Angular's Template-Driven Forms

What is template-driven form and how to use it.

Scotch.io Tutorial Demo

Using Angular's Model-Driven Forms

What is model-driven form and how to use it.

Scotch.io Tutorial Demo

How to Build Nested Model-driven Forms in Angular

Handle validatiion and binding in nested model driven form.

Scotch.io Tutorial Demo

How to Implement Conditional Validation in Angular Model-driven Forms

Handling conditional validation in Angular Model-driven form.

Scotch.io Tutorial Demo

Simple Language Translation in Angular (Part 1)

A two parts tutorial. Part 1. Implementing translation.

Scotch.io Tutorial Demo

Simple Language Translation in Angular (Part 2)

A two parts tutorial. Part 2. Implementing translation.

Scotch.io Tutorial Demo

Using HammerJS (Touch gesture) in Angular

Swipe left, swipe right in Angular.

Scotch.io Tutorial Demo

How to Implement a Custom Validator Directive (Confirm Password) in Angular

Create a validator to handle confirm password.

Scotch.io Tutorial Demo

Getting to Know Angular's Module: @NgModule

Understanding Angular Module

Scotch.io Tutorial

Angular Transclusion using ng-content

What is transclusion. Handling content projection in Angular.

Scotch.io Tutorial Demo

Component Inheritance in Angular

Component is inheritable. Explaining component inheritance with a simple pagination example.

Scotch.io Tutorial Demo

Dynamic Form Array Validation in Model Driven Form

Handle form array validation dynamically and reactively.

Scotch.io Tutorial Demo

Responsive Equal Height with Angular Directive

Making element same height.

Scotch.io Tutorial Demo

3 ways to Pass Async Data to Angular Child Component

Three ways

Scotch.io Tutorial Demo

How to Handle File Upload in Angular

Handle file upload in Angular

Scotch.io Tutorial Demo