Angular 2, 4 and upcoming latest TypeScript HTML Snippets installs statistics

#itsJustAngular Angular 2, 4 and (upcoming...) TypeScript, HTML Snippets for VS Code

---

Yes, it's not Angular 2 anymore, #itsJustAngular.

If you are working on Angular with TypeScript, here are the most frequently used snippets for Angular with Typescript embedded in Visual Studio Code.. These snippet will generate code with latest syntax for Component, Directive, Service, Events, Lifecycle events and much more...

If you like this extension, please provide your review and comment if any.

Thank you!

Changelog

• Added directive snippets

Usage

Type part of a snippet, press enter, and the snippet unfolds.

Latest Angular2 Typescript snippets

angPlatformBrowserDynamic  			// Bootstrap app with platformBrowserDynamic
angComponentBasicWithTemplate    	// Basic component class with simple selector and html template
angComponent    				    // Basic component class
angComponentRxOperator    			// Basic Component class with Rx Operators
angModuleBasic    			        // Basic App module
angModuleAdvance					// Advance App module with routing, shared module
angModuleRouting					// Routing Module class
angModuleFeature			        // Feature Module class
angComponentFull					// Full Component class
angExport				            // Export Components statement
angService					        // Service class
angPipeSimple	                    // Simple custom pipe
angPipeAsync				        // Async Impure Pipe
angNgOnChanges					    // Called after every change to input properties and before processing content or child views.
angNgOnInit							// Called after the constructor, initializing input properties, and the first call to ngOnChanges.
angNgDoCheck						// Called every time that the input properties of a component or a directive are checked. Use it to extend change detection by performing a custom check.
angNgAfterContentInit				// Called after ngOnInit when the component's or directive's content has been initialized.
angNgAfterContentChecked			// Called after every check of the component's or directive's content.
angNgAfterViewChecked				// Called after every check of the component's view. Applies to components only.
angNgOnDestroy						// Called once, before the instance is destroyed.
angRouteDefinitions					// Configures routes for the application. Supports static, parameterized, redirect, and wildcard routes. Also supports custom route data and resolve.
angCanActivateFull					// An interface for defining a class that the router should call first to determine if it should activate this component. Should return a boolean or an Observable/Promise that resolves to a boolean.
angCanActivateSimple				// An interface for defining a class that the router should call first to determine if it should activate this component. Should return a boolean or an Observable/Promise that resolves to a boolean.

angCanDeactivateFull				// An interface for defining a class that the router should call first to determine if it should deactivate this component after a navigation. Should return a boolean or an Observable/Promise that resolves to a boolean.
angCanDeactivateSimple				// An interface for defining a class that the router should call first to determine if it should deactivate this component after a navigation. Should return a boolean or an Observable/Promise that resolves to a boolean.
angCanActivateChildFull				// An interface for defining a class that the router should call first to determine if it should activate the child route. Should return a boolean or an Observable/Promise that resolves to a boolean.
angCanActivateChildSimple			// An interface for defining a class that the router should call first to determine if it should activate the child route. Should return a boolean or an Observable/Promise that resolves to a boolean.
angResolveFull						// An interface for defining a class that the router should call first to resolve route data before rendering the route. Should return a value or an Observable/Promise that resolves to a value.
angResolveSimple					// An interface for defining a class that the router should call first to resolve route data before rendering the route. Should return a value or an Observable/Promise that resolves to a value.
angCanLoadFull						// An interface for defining a class that the router should call first to check if the lazy loaded module should be loaded. Should return a boolean or an Observable/Promise that resolves to a boolean.
angCanLoadSimple					// An interface for defining a class that the router should call first to check if the lazy loaded module should be loaded. Should return a boolean or an Observable/Promise that resolves to a boolean.

angDirectiveSimple					// An Attribute directive changes the appearance or behavior of a DOM element.
angDirectiveFull					// An Attribute directive changes the appearance or behavior of a DOM element.
angDirectiveStructural					// Structural directives are responsible for HTML layout. They shape or reshape the DOM's structure, typically by adding, removing, or manipulating elements.

…