Angular TypeScript Snippets for VS Code

Now Updated for Angular 6.0.0 release

This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.

See the CHANGELOG for the latest changes

Usage

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

Command	Purpose
express: Add simple Express server file to workspace	Adds Node.js express server

Snippet	Purpose
`a-component`	component
`a-component-inline`	component with inline template
`a-component-root`	root app component
`a-directive`	directive
`a-guard-can-activate`	`CanActivate` guard
`a-guard-can-activate-child`	`CanActivateChild` guard
`a-guard-can-deactivate`	`CanDeactivate` guard
`a-guard-can-load`	`CanLoad` guard
`a-httpclient-get`	`httpClient.get` with Rx Observable
`a-http-interceptor`	Empty Angular `HttpInterceptor` for `HttpClient`
`a-http-interceptor-headers`	Angular `HttpInterceptor` that sets headers for `HttpClient`
`a-http-interceptor-logging`	Angular `HttpInterceptor` that logs traffic for `HttpClient`
`a-module`	module
`a-module-root`	root app module
`a-module-routing`	routing module file (forChild)
`a-output-event`	`@Output` event and emitter
`a-pipe`	pipe
`a-rxjs-import`	import RxJs features
`a-rxjs-operators`	import RxJs opertors
`a-route-path-404`	404 route path
`a-route-path-default`	default route path
`a-route-path-with-children`	route path with children
`a-route-path-eager`	eager route path
`a-route-path-lazy`	lazy route path
`a-router-events`	listen to one or more router events
`a-route-params-subscribe`	subscribe to route parameters
`a-service`	service
`a-service-httpclient`	service with `HttpClient`
`a-ctor-skip-self`	angular `NgModule`'s `skipself` constructor
`a-subscribe`	Rx Observable subscription

Snippet	Purpose
`docker-angular-node-multi-stage`	Multi-stage Dockerfile for Node with Angular

Snippet	Purpose
`ex-simple-server`	Node.js Express Server

Snippet	Purpose
`a-class`	`[class]` binding
`a-select`	`<select>` control
`a-style`	`[style]` binding
`a-ngClass`	`ngClass`
`a-ngFor`	`*ngFor`
`a-ngForAsync`	`*ngFor` with async
`a-ngFor-trackBy`	`*ngFor` with trackBy
`a-formControlName`	`formControlName`
`a-formGroup`	`formGroup`
`a-formGroupName`	`formGroupName`
`a-ngIf`	`*ngIf`
`a-ngIfElse`	`*ngIf` with `else`
`a-ngModel`	`ngModel`
`a-routerLink`	`routerLink`
`a-routerLink-param`	`routerLink` with a route parameter
`a-ngStyle`	`ngStyle`
`a-ngSwitch`	`ngSwitch`
`a-prej`	show the JSON form of a model
`a-preja`	show the JSON form of a model, using async

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.

Install Visual Studio Code 1.10.0 or higher
Launch Code
From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
Select Install Extension
Choose the extension
Reload Visual Studio Code

Failed to load latest commit information.
.vscode	Newstuff (#84 )	May 12, 2018
code_of_conduct	md files	May 30, 2017
images	image fix	Oct 23, 2017
snippets	6.3	Oct 11, 2018
src	port 3000	May 12, 2018
test	Newstuff (#84 )	May 12, 2018
.DS_Store	removed extra type expression since it is implicitly EventEmitter	Jun 15, 2017
.gitignore	Newstuff (#84 )	May 12, 2018
.vscodeignore	meh	Apr 1, 2017
CHANGELOG.md	6.3	Oct 11, 2018
CONTRIBUTING.md	md files	May 30, 2017
ISSUE_TEMPLATE.md	md files	May 30, 2017
LICENSE.md	V6 (#82 )	May 5, 2018
PULL_REQUEST_TEMPLATE.md	md files	May 30, 2017
README.md	Newstuff (#84 )	May 12, 2018
package-lock.json	v6.1.12	Aug 6, 2018
package.json	6.3	Oct 11, 2018
tsconfig.json	Newstuff (#84 )	May 12, 2018