Source: Expecting the Unexpected — Best practices for Error handling in Angular
Category: Angular
Using Renderer2 in Angular
The Renderer2 class is an abstraction provided by Angular in the form of a service that allows to manipulate elements of your app without having to touch the DOM directly. This is the recommended approach because it then makes it easier to develop apps that can be rendered in environments that don’t have DOM access, like on the server, in a web worker or on native mobile.
Source: Using Renderer2 in Angular
Four ways of listening to DOM events in Angular (Part 1: Event Binding)
Angular – RadioControlValueAccessor
Using radio buttons with reactive form directives
The follow example shows how to use radio buttons in a reactive form. When using radio buttons in a reactive form, radio buttons in the same group should have the same formControlName. Providing a name attribute is optional.
3 Ways to Pass Async Data to Angular 2+ Child Components ― Scotch.io
Let’s start with a common use case. You have some data you get from external source (e.g. by calling API). You want to display it on screen.However, instead of displaying it on the same component, you would like to pass the data to a child component to display.The child component might has some logic to pre-process the data before showing on screen.
…
Solution 1: Use *ngIf
Solution 2: Use ngOnChanges
Solution 3: Use RxJs BehaviorSubject
Source: 3 Ways to Pass Async Data to Angular 2+ Child Components ― Scotch.io
Angular: Tips. The importance of Pipes – codeburst
What we all like in Angular primarily is that it all mostly about templates. Templates are smart, dynamic, they use change detection to update themselves on a moment’s notice when a model is updated, the can manage HTML elements and nested components, enrich the markup with directives and make on-the fly data transformations, and the template syntax is amazing. The tools provided are vast and rich, but is it up to us to use them wisely.
Angular + Redux — The lesson we’ve learned for you
Gotchas from using Angular with Redux:
Deploy an Angular Application to IIS – Angular In Depth
Getting your Angular Router application actually working in a non-root folder on Internet Information Services
The Angular Router is a fantastic module for Single Page Apps. However, to deploy it in a Production scenario you will typically need to do some configuration to make it work. This article details the steps necessary to deploy an Angular Router application anywhere on Internet Information Services (IIS).
Source: Deploy an Angular Application to IIS – Angular In Depth
Working with Angular Reactive Forms and Radio Button / Checkbox inputs
Some good links regarding setup, validation, detecting changes etc.
Creating forms and fetching values: Angular 2 Radio Button and Checkbox Example
Creating forms dynamically with FormBuilder: (e.g. from code/json data) https://angular.io/guide/reactive-forms#generating-form-controls-with-formbuilder
Listen to changes: https://alligator.io/angular/reactive-forms-valuechanges/
Official doc: https://angular.io/guide/reactive-forms#reactive-forms
How to set aliases in Git Bash for Windows?
For Windows 10 with Git Bash:
Edit file “%userprofile%\.bashrc”
Using Notepad++ or other text editor in Administrator mode.
Add another alias line beneath the present alias lines:
alias ls='ls --color=auto --show-control-chars -a -p --time-style=long-iso -h -X --group-directories-first' alias ll='ls -l --color=auto --show-control-chars -a -p --time-style=long-iso -h -X --group-directories-first' alias ngs='ng serve --open' alias grep='grep -i -n --color=always' alias log='git log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr)%C(bold blue) <%an> %Creset' --abbrev-commit'
Above is an alias ngs for serving angular development server and open a web browser.
Instead of typing “ng serve –open” in Git bash window you should now be able to just use ngs as an shortcut alias.