Scribd
Upload
52 views1 page

Angular v7 RxJS Operators Cheat Sheet

This document provides Angular and TypeScript code snippets for common tasks like creating components, services, guards, modules, routing, HTTP requests, RxJS operators and more. It includes over 40 snippets organized into categories for components, directives, guards, HTTP clients, modules, routing, services and templates. The snippets provide concise code examples to quickly implement fundamental aspects of an Angular application without having to write everything from scratch.

Uploaded by

toosss
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
52 views1 page

Angular v7 RxJS Operators Cheat Sheet

This document provides Angular and TypeScript code snippets for common tasks like creating components, services, guards, modules, routing, HTTP requests, RxJS operators and more. It includes over 40 snippets organized into categories for components, directives, guards, HTTP clients, modules, routing, services and templates. The snippets provide concise code examples to quickly implement fundamental aspects of an Angular application without having to write everything from scratch.

Uploaded by

toosss
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Angular v7 Snippets Cheat Sheet

by stile17 via cheatography.com/76300/cs/18842/

Typescript snippets Typescript snippets (cont)

a-comp​onent component a-ctor​-sk​ip-self angular NgModule's skipself constr​uctor

a-comp​one​nt-​inline component with inline template a-subs​cribe Rx Observable subscr​iption

a-comp​one​nt-root root app component


Html snippets
a-dire​ctive directive

a-guar​d-c​an-​act​ivate CanAct​ivate guard a-class [class] binding

a-guar​d-c​an-​act​iva​te-​child CanAct​iva​teChild guard a-select [style] binding

a-guar​d-c​an-​dea​ctivate CanDea​ctivate guard a-ngClass ngClass

a-guar​d-c​an-load CanLoad guard a-ngFor *ngFor

a-http​cli​ent-get httpCl​ien​t.get with Rx Observable a-ngFo​rAsync *ngFor with async

a-http​-in​ter​ceptor Empty Angular HttpIn​ter​ceptor for a-ngFo​r-t​rackBy *ngFor with trackBy

HttpClient a-form​Con​tro​lName formCo​ntr​olName

a-http​-in​ter​cep​tor​-he​aders Angular HttpIn​ter​ceptor that sets a-form​Group formGroup


headers for HttpClient
a-form​Gro​upName formGr​oupName
a-http​-in​ter​cep​tor​-lo​gging Angular HttpIn​ter​ceptor that logs traffic
a-ngIf *ngIf
for HttpClient
a-ngIfElse *ngIf with else
a-module module
a-ngModel ngModel
a-modu​le-root root app module
a-rout​erLink routerLink
a-modu​le-​routing routing module file (forChild)
a-rout​erL​ink​-param routerLink with a route parameter
a-ngrx​-da​ta-​sto​re-​module create an NgRx Data store module
a-ngStyle ngStyle
a-ngrx​-da​ta-​ent​ity​-me​tadata create the entity metadata for NgRx
a-ngSwitch ngSwitch
a-ngrx​-da​ta-​ent​ity​- create a data service using NgRx
co​lle​cti​on-​dat​a-s​ervice a-prej show the JSON form of a model

a-outp​ut-​event @Output event and emitter a-preja show the JSON form of a model, using async

a-pipe pipe
Javascript snippets
a-rxjs​-import import RxJs features
ex-sim​ple​-server Node.js Express Server
a-rxjs​-op​erators import RxJs opertors

a-rout​e-p​ath-404 404 route path

a-rout​e-p​ath​-de​fault default route path

a-rout​e-p​ath​-wi​th-​chi​ldren route path with children

a-rout​e-p​ath​-eager eager route path

a-rout​e-p​ath​-lazy lazy route path

a-rout​er-​events listen to one or more router events

a-rout​e-p​ara​ms-​sub​scribe subscribe to route parameters

a-service service

a-serv​ice​-ht​tpc​lient service with HttpClient

By stile17 Published 15th February, 2019. Sponsored by CrosswordCheats.com


cheatography.com/stile17/ Last updated 15th February, 2019. Learn to solve cryptic crosswords!
Page 1 of 1. http://crosswordcheats.com

You might also like