Angular

Cheat Sheet
https://angular.io/guide/cheatsheet

Create new project with Angular CLI
https://pupli.net/2018/09/18/create-new-project-with-angular-cli/

Creating and Using a New Component
https://pupli.net/2018/12/25/creating-and-using-a-new-component-in-angular/

Using different types of Component Selector
https://pupli.net/2018/12/26/using-different-types-of-component-selector-in-angular/

Databinding in Angular
https://pupli.net/2018/12/27/databinding-in-angular/

Databinding – String Interpolation
https://pupli.net/2018/12/27/databinding-string-interpolation-in-angular/

Databinding – Property Binding
https://pupli.net/2018/12/27/databinding-property-binding-in-angular/

Databinding – Passing and Using Data with Event Binding
https://pupli.net/2018/12/27/databinding-passing-and-using-data-with-event-binding-in-angular/

Databinding – Two-Way-Databinding
https://pupli.net/2018/12/27/databinding-two-way-databinding-in-angular/

Using ngIf to Output Data Conditionally on Angular
https://pupli.net/2019/03/05/using-ngif-to-output-data-conditionally-on-angular/

Styling Elements Dynamically with ngStyle on Angular
https://pupli.net/2019/03/05/styling-elements-dynamically-with-ngstyle-on-angular/

Applying CSS Classes Dynamically with ngClass on Angular
https://pupli.net/2019/03/05/applying-css-classes-dynamically-with-ngclass-on-angular/

Outputting Lists with ngFor on Angular
https://pupli.net/2019/03/05/outputting-lists-with-ngfor-on-angular/

Binding to Custom Properties of Components in Angular
https://pupli.net/2019/03/06/binding-to-custom-properties-of-components-in-angular/

Binding to Custom Events of Component in Angular
https://pupli.net/2019/03/06/binding-to-custom-events-of-component-in-angular/

How to disable View (css) Encapsulation in Angular
https://pupli.net/2019/03/06/how-to-disable-view-css-encapsulation-in-angular/

Local References in Angular
https://pupli.net/2019/03/06/local-references-in-angular/

Getting Access to the Template DOM with @ViewChild in Angular
https://pupli.net/2019/03/06/getting-access-to-the-template-dom-with-viewchild-in-angular/

Projecting Content into Components with ng-content
https://pupli.net/2019/03/09/projecting-content-into-components-with-ng-content-in-angular/

Understanding the Component Lifecycle in Angular
https://pupli.net/2019/03/09/understanding-the-component-lifecycle-in-angular/

Getting Access to ng-content with @ContentChild in Angular
https://pupli.net/2019/03/09/getting-access-to-ng-content-with-contentchild-in-angular/

Creating an Attribute Directive
https://pupli.net/2019/03/09/creating-an-attribute-directive-in-angular/

Using HostListener to Listen to Host Events when Creating Directive
https://pupli.net/2019/03/09/using-hostlistener-to-listen-to-host-events-when-creating-directive-in-angular/

Using HostBinding to Bind to Host Properties when Creating Directive
https://pupli.net/2019/03/09/using-hostbinding-to-bind-to-host-properties-when-creating-directive-in-angular/

Binding to Directive Properties in Angular
https://pupli.net/2019/03/09/binding-to-directive-properties-in-angular/

Building a Structural Directive in Angular
https://pupli.net/2019/03/10/building-a-structural-directive-in-angular/

Understanding ngSwitch in Angular
https://pupli.net/2019/03/10/understanding-ngswitch-in-angular/

Creating a Logging Service in Angular
https://pupli.net/2019/03/10/creating-a-logging-service-in-angular/

Injecting Services into Services in Angular
https://pupli.net/2019/03/10/injecting-services-into-services-in-angular/

Using Services for Cross-Component Communication
https://pupli.net/2019/03/13/using-services-for-cross-component-communication-in-angular/

Setting up and Loading Routes
https://pupli.net/2019/04/07/setting-up-and-loading-routes-in-angular/

Navigating with Router Links
https://pupli.net/2019/04/07/navigating-with-router-links-in-angular/

Navigation with a relative URL
https://pupli.net/2019/04/20/navigation-with-a-relative-url-in-angular/

Styling Active Router Links
https://pupli.net/2019/04/20/styling-active-router-links-in-angular/

Navigating Programmatically
https://pupli.net/2019/04/20/navigating-programmatically-in-angular/

Using Relative Paths in Programmatic Navigation
https://pupli.net/2019/04/20/using-relative-paths-in-programmatic-navigation-in-angular/

Passing Parameters to Routes
https://pupli.net/2019/04/20/passing-parameters-to-routes-in-angular/

Passing Query Parameters and Fragments
https://pupli.net/2019/04/22/passing-query-parameters-and-fragments-in-angular/

Setting up Child (Nested) Routes
https://pupli.net/2019/04/22/setting-up-child-nested-routes-in-angular/

Preserve query parameters and fragments across navigations
https://pupli.net/2019/04/22/preserve-query-parameters-and-fragments-across-navigations-in-angular/

Redirecting and Wildcard Routes
https://pupli.net/2019/04/22/redirecting-and-wildcard-routes-in-angular/

Protecting Routes with canActivate
https://pupli.net/2019/04/23/protecting-routes-with-canactivate-in-angular/

Protecting Child (Nested) Routes with canActivateChild
https://pupli.net/2019/04/23/protecting-child-nested-routes-with-canactivatechild-in-angular/

Controlling Navigation with canDeactivate
https://pupli.net/2019/04/23/controlling-navigation-with-candeactivate-in-angular/

Passing Static Data to a Route
https://pupli.net/2019/04/23/passing-static-data-to-a-route-in-angular/

Prefetch Dynamic Data with the resolve Guard
https://pupli.net/2019/04/23/prefetch-dynamic-data-with-the-resolve-guard-in-angular/

Understanding Hash Location Strategies
https://pupli.net/2019/04/23/understanding-hash-location-strategies-in-angular/

Template-Driven (TD) vs Reactive Approach in Angular Forms
https://pupli.net/2019/04/26/template-driven-td-vs-reactive-approach-in-angular-forms/

Creating the Form using Template in Angular Forms
https://pupli.net/2019/04/26/creating-the-form-using-template-in-angular-forms/

Accessing the Form with @ViewChild in Angular Template-driven forms
https://pupli.net/2019/05/01/accessing-the-form-with-viewchild-in-angular-template-driven-forms/

Adding Validation to check User Input in Angular Template-driven forms
https://pupli.net/2019/05/01/adding-validation-to-check-user-input-in-angular-template-driven-forms/

Set Default Values with ngModel Property Binding in Angular Template-driven forms
https://pupli.net/2019/05/01/set-default-values-with-ngmodel-property-binding-in-angular-template-driven-forms/

Using ngModel with Two-Way-Binding in Angular Template-driven forms
https://pupli.net/2019/05/01/using-ngmodel-with-two-way-binding-in-angular-template-driven-forms/

Grouping Form Controls in Angular Template-driven forms
https://pupli.net/2019/05/01/grouping-form-controls-in-angular-template-driven-forms/

Handling Radio Buttons in Angular Template-driven forms
https://pupli.net/2019/05/02/handling-radio-buttons-in-angular-template-driven-forms/

Setting and Patching Form Values in Angular Template-driven forms
https://pupli.net/2019/05/02/setting-and-patching-form-values-in-angular-template-driven-forms/

Using Form Data in Angular Template-driven forms
https://pupli.net/2019/05/02/using-form-data-in-angular-template-driven-forms/

Resetting Forms in Angular Template-driven forms
https://pupli.net/2019/05/02/resetting-forms-in-angular-template-driven-forms/

Creating a Form in Angular using Reactive Forms
https://pupli.net/2019/05/03/creating-a-form-in-angular-using-reactive-forms/

Adding Validation in Angular using Reactive Forms
https://pupli.net/2019/05/04/adding-validation-in-angular-using-reactive-forms/

Getting Access to Controls in Angular using Reactive Forms
https://pupli.net/2019/05/04/getting-access-to-controls-in-angular-using-reactive-forms/

Grouping Controls in Angular using Reactive Forms
https://pupli.net/2019/05/04/grouping-controls-in-angular-using-reactive-forms/

Arrays of Form Controls in Angular using Reactive Forms
https://pupli.net/2019/05/04/arrays-of-form-controls-in-angular-using-reactive-forms/

Creating Custom Validators in Angular using Reactive Forms
https://pupli.net/2019/05/04/creating-custom-validators-in-angular-using-reactive-forms/

Error Codes in Angular using Reactive Forms
https://pupli.net/2019/05/06/error-codes-in-angular-using-reactive-forms/

Creating a Custom Async Validator in Angular using Reactive Forms
https://pupli.net/2019/05/06/creating-a-custom-async-validator-in-angular-using-reactive-forms/

Reacting to Status or Value Changes in Angular Template-driven forms
https://pupli.net/2019/05/07/reacting-to-status-or-value-changes-in-angular-template-driven-forms/

Setting and Patching Values in Angular Template-driven forms
https://pupli.net/2019/05/07/setting-and-patching-values-in-angular-template-driven-forms/

Using Pipes
https://pupli.net/2019/05/09/using-pipes-in-angular/

Parametrizing Pipes
https://pupli.net/2019/05/09/parametrizing-pipes-in-angular/

Built-in pipes
https://pupli.net/2019/05/09/built-in-pipes-in-angular/

Chaining Multiple Pipes
https://pupli.net/2019/05/09/chaining-multiple-pipes-in-angular/

Creating a Custom Pipe
https://pupli.net/2019/05/09/creating-a-custom-pipe-in-angular/

Parametrizing a Custom Pipe
https://pupli.net/2019/05/10/parametrizing-a-custom-pipe-in-angular/

Pure and Impure Pipes
https://pupli.net/2019/05/10/pure-and-impure-pipes-in-angular/

Understanding the async Pipe
https://pupli.net/2019/05/10/understanding-the-async-pipe-in-angular/

Post and Put Request with HttpClientModule
https://pupli.net/2019/05/10/post-and-put-request-with-httpclientmodule-in-angular/

Adjusting Request Headers with HttpClientModule
https://pupli.net/2019/05/11/adjusting-request-headers-with-httpclientmodule-in-angular/

Sending GET Requests with HttpClientModule
https://pupli.net/2019/05/11/sending-get-requests-with-httpclientmodule-in-angular/

Using the async Pipe with HttpClientModule
https://pupli.net/2019/05/11/using-the-async-pipe-with-httpclientmodule-in-angular/

Requesting non-JSON data with HttpClientModule
https://pupli.net/2019/05/11/requesting-non-json-data-with-httpclientmodule-in-angular/

URL Parameters with HttpClientModule
https://pupli.net/2019/05/11/url-parameters-with-httpclientmodule-in-angular/

Debouncing requests with HttpClientModule
https://pupli.net/2019/05/11/debouncing-requests-with-httpclientmodule-in-angular/

Show progress with HttpClientModule
https://pupli.net/2019/05/12/show-progress-with-httpclientmodule-in-angular/

Modifying Http Requests with Interceptors
https://pupli.net/2019/05/12/modifying-http-requests-with-interceptors-in-angular/

Modifying Http Responses with Interceptors
https://pupli.net/2019/05/12/modifying-http-responses-with-interceptors-in-angular/

Introduction to Angular animations
https://pupli.net/2019/05/14/introduction-to-angular-animations/

Use ng-animate Library in Angular for Animation
https://pupli.net/2019/05/14/use-ng-animate-library-in-angular-for-animation/

Using Animation Callbacks
https://pupli.net/2019/05/14/using-animation-callbacks-in-angular/

Animating entering and leaving a view
https://pupli.net/2019/05/15/animating-entering-and-leaving-a-view-in-angular/

Using Keyframes for Animations
https://pupli.net/2019/05/15/using-keyframes-for-animations-in-angular/

Grouping Transitions to run multiple animation steps in parallel
https://pupli.net/2019/05/15/grouping-transitions-to-run-multiple-animation-steps-in-parallel-in-angular/

How to use AoT Compilation with the CLI
https://pupli.net/2019/05/15/how-to-use-aot-compilation-with-the-cli-in-angular/

Install lodash with Angular
https://pupli.net/2019/05/17/install-lodash-with-angular/

Detect window size using Angular
https://pupli.net/2019/05/17/detect-window-size-using-angular/

Route transition animations in Angular
https://pupli.net/2019/05/18/route-transition-animations-in-angular/

Creating reusable animations
https://pupli.net/2019/05/18/creating-reusable-animations-in-angular/

Find inner elements using query in Angular Animation
https://pupli.net/2019/05/18/find-inner-elements-using-query-in-angular-animation/

Allow Angular Server access from outside of localhost
https://pupli.net/2019/05/19/allow-angular-server-access-from-outside-of-localhost/

How to change default port in Angular
https://pupli.net/2019/05/19/how-to-change-default-port-in-angular/

Deploy Angular app to Express
https://pupli.net/2019/05/19/deploy-angular-app-to-express/

gzip Angular files after build
https://pupli.net/2019/05/20/gzip-angular-files-after-build/

Serve pre-gzipped Angular files in Express
https://pupli.net/2019/05/20/serve-pre-gzipped-angular-files-in-express/

Best approach for deploying Angular app in Express
https://pupli.net/2019/05/20/best-approach-for-deploying-angular-app-in-express/

Best approach for deploying Angular app in Spring Boot
https://pupli.net/2019/05/22/best-approach-for-deploying-angular-app-in-spring-boot/

Update Angular
https://pupli.net/2019/05/29/update-angular/

Pass a parameter to routerLink
https://pupli.net/2019/06/09/pass-a-parameter-to-routerlink-in-angular/

How to use moment.js library in Angular
https://pupli.net/2019/06/11/how-to-use-moment-js-library-in-angular/

Install ng2-charts in Angular
https://pupli.net/2019/06/11/install-ng2-charts-in-angular/

Providing a singleton service on Angular
https://pupli.net/2019/06/18/providing-a-singleton-service-on-angular/

Detect window size changes using RxJS debounce in Angular
https://pupli.net/2019/06/23/detect-window-size-changes-using-rxjs-debounce-in-angular/

Bind and Unbind event listener for elements in Angular
https://pupli.net/2019/06/24/bind-and-unbind-event-listener-for-elements-in-angular/

Add class to body and intercept DOM using Renderer2 in Angular
https://pupli.net/2019/06/26/add-class-to-body-and-intercept-dom-using-renderer2-in-angular/

Detect scroll to bottom of html element in Angular
https://pupli.net/2019/07/01/detect-scroll-to-bottom-of-html-element-in-angular/

Turn angular app into a pwa
https://pupli.net/2019/07/06/turn-angular-app-into-a-pwa/

Running `ng build` in a specific directory using bash
https://pupli.net/2019/07/10/running-ng-build-in-a-specific-directory-using-bash/

Service Worker not working in Angular
https://pupli.net/2019/07/18/service-worker-not-working-in-angular/

Push Notifications with Angular & Express
https://pupli.net/2019/07/18/push-notifications-with-angular-express/

Configure Status Bar in Progressive Web Apps
https://pupli.net/2019/07/20/configure-status-bar-in-progressive-web-apps/

Use thousand separator in Angular with DecimalPipe
https://pupli.net/2019/08/27/use-thousand-separator-in-angular-with-decimalpipe/

Loading data before components using Router resolver in Angular
https://pupli.net/2019/09/29/loading-data-before-components-using-router-resolver-in-angular/

Defining Custom Fonts With @font-face in Angular
https://pupli.net/2019/09/30/defining-custom-fonts-with-font-face-in-angular/

Using ControlValueAccessor to Create Custom Form Controls in Angular
https://pupli.net/2019/10/01/using-controlvalueaccessor-to-create-custom-form-controls-in-angular/

Lazy Loading Feature Modules in Angular
https://pupli.net/2019/10/06/lazy-loading-feature-modules-in-angular/

Sharing Modules in Angular
https://pupli.net/2019/10/06/sharing-modules-in-angular/

Dynamically switch RTL/LTR on Kendo UI for Angular
https://pupli.net/2019/10/07/dynamically-switch-rtl-ltr-on-kendo-ui-for-angular/

Reload the whole page in Angular
https://pupli.net/2019/10/08/reload-the-whole-page-in-angular/

Using iframe in Angular
https://pupli.net/2019/11/using-iframe-in-angular/

Access to HTML element using @ViewChild in Angular
https://pupli.net/2019/12/access-to-html-element-using-viewchild-in-angular/

Angular Component Inheritance
https://pupli.net/2019/12/angular-component-inheritance/

Reloading current route in Angular
https://pupli.net/2019/12/reloading-current-route-in-angular/

Pass a value to the Resolver on Angular
https://pupli.net/2019/12/pass-a-value-to-the-resolver-on-angular/

Use the Angular project template with ASP.NET Core
https://pupli.net/2022/02/use-the-angular-project-template-with-asp-net-core/