Angular TypeScript Snippets for VS Code

Now Updated for Angular 4.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.

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-http-get`	`http.get` with Rx Observable
`a-httpclient-get`	`httpClient.get` with Rx Observable
`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-route-path-404`	404 route path
`a-route-path-default`	default route path
`a-route-path-eager`	eager route path
`a-route-path-lazy`	lazy route path
`a-service`	service
`a-service-http`	service with `Http`
`a-service-httpclient`	service with `HttpClient`
`a-ctor-skip-self`	angular `NgModule`'s `skipself` constructor
`a-subscribe`	Rx Observable subscription

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-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