changed double space to tab: this seems to fix the error - not loadin…

snippets/html.snippets

@@ -1,37 +1,30 @@
 # ngClass
 snippet > ng2-ngClass
-abbr Angular 2 ngClass snippet
-  [ngClass]=\"{${1:cssClass}: ${2:expression}}\"
+	[ngClass]=\"{${1:cssClass}: ${2:expression}}\"
 
 # ngFor
 snippet ng2-ngFor",
-abbr Angular 2 *ngFor snippet
-  *ngFor=\"let ${1:item} of ${2:list}\"
+	*ngFor=\"let ${1:item} of ${2:list}\"
 
 # ngIf
 snippet ng2-ngIf
-abbr Angular 2 *ngIf snippet
-  *ngIf=\"${1:expression}\"
+	*ngIf=\"${1:expression}\"
 
 # ngModel
 snippet ng2-ngModel
-abbr Angular 2 ngModel snippet
-  [(ngModel)]=\"${1:binding}\"
+	[(ngModel)]=\"${1:binding}\"
 
 # ngRouterLink
 snippet ng2-routerLink
-abbr Angular 2 routerLink snippet
-  [routerLink]=\"['${1:routeName}']\"
+	[routerLink]=\"['${1:routeName}']\"
 
 # ngStyle
 snippet ng2-ngStyle
-abbr Angular 2 ngStyle snippet
-  [ngStyle]=\"{${1:style}: ${2:expression}}\"
+	[ngStyle]=\"{${1:style}: ${2:expression}}\"
 
 # ngSwitch
 snippet ng2-ngSwitch
-abbr Angular 2 ngSwitch snippet
-  <div [ngSwitch]=\"${1:conditionExpression}\">
-  	<div *ngSwitchWhen=\"${2:expression}\">${3:output}</div>
-  	<div *ngSwitchDefault>${4:output2}</div>
-  </div>
+	<div [ngSwitch]=\"${1:conditionExpression}\">
+		<div *ngSwitchWhen=\"${2:expression}\">${3:output}</div>
+		<div *ngSwitchDefault>${4:output2}</div>
+	</div>

snippets/typescript.snippets

@@ -1,106 +1,99 @@
 # Angular Component
 snippet ng2-component
-abbr Angular 2 component snippet
-  import { Component, OnInit } from '@angular/core';
+	import { Component, OnInit } from '@angular/core';
 
-  @Component({
-  	moduleId: module.id,
-  	selector: '${1:selector}',
-  	templateUrl: '${2:name}.component.html'
-  })
-  export class ${3:ComponentName}Component implements OnInit {
-  	constructor() { }
+	@Component({
+		moduleId: module.id,
+		selector: '${1:selector}',
+		templateUrl: '${2:name}.component.html'
+	})
+	export class ${3:ComponentName}Component implements OnInit {
+		constructor() { }
+
+		ngOnInit() { }
+	${4}
+	}
 
-  	ngOnInit() { }
-  ${4}
-  }
 
 # Angular Service
 snippet ng2-service
-abbr Angular 2 service snippet
-  import { Injectable } from '@angular/core';
+	import { Injectable } from '@angular/core';
+
+	@Injectable()
+	export class ${1:ServiceName}Service {
+	${2}
+		constructor() { }
 
-  @Injectable()
-  export class ${1:ServiceName}Service {
-  ${2}
-  	constructor() { }
+	}
 
-  }
 
 # Angular Pipe
 snippet ng2-pipe
-abbr Angular 2 pipe snippet
-  import { Pipe, PipeTransform } from '@angular/core';
+	import { Pipe, PipeTransform } from '@angular/core';
 
-  @Pipe({
-  	name: '${1:name}'
-  })
+	@Pipe({
+		name: '${1:name}'
+	})
 
-  export class ${2:PipeName}Pipe implements PipeTransform {
-  	transform(value: any, args: any[]): any {
-  		${3}
-  	}
-  }
+	export class ${2:PipeName}Pipe implements PipeTransform {
+		transform(value: any, args: any[]): any {
+			${3}
+		}
+	}
 
 # Angular Routes
 snippet ng2-routes
-abbr Angular 2 router config snippet
-  @Routes([
-  	{ path: '/${1:path}', component: ${2:Component} }${3}
-  ])
+	@Routes([
+		{ path: '/${1:path}', component: ${2:Component} }${3}
+	])
 
 # Angular RouteDefinition
 snippet ng2-route-path
-abbr Angular 2 router path snippet
-  { path: '/${1:path}', component: ${2:Component} }${3}
+	{ path: '/${1:path}', component: ${2:Component} }${3}
 
 # Http.get
 snippet ng2-http-get
-abbr Angular 2 Http.get snippet
-  return this.http.get('${1:url}')
-  	.map((res: Response) => res.json()${2});
+	return this.http.get('${1:url}')
+		.map((res: Response) => res.json()${2});
 
 # Subscribe
 snippet ng2-subscribe
-abbr Angular 2 observable subscribe snippet
-  this.${1:service}.${2:function}
-  	.subscribe(${3:arg} => this.${4:property} = ${5:arg});
-  ${6}
+	this.${1:service}.${2:function}
+		.subscribe(${3:arg} => this.${4:property} = ${5:arg});
+	${6}
 
 # Angular Bootstrapping
 snippet ng2-bootstrap
-abbr Angular 2 bootstrap snippet
-  import { enableProdMode } from '@angular/core';
-  import { bootstrap } from '@angular/platform-browser-dynamic';
+	import { enableProdMode } from '@angular/core';
+	import { bootstrap } from '@angular/platform-browser-dynamic';
 
-  import { ${1:AppComponent} } from './${2:name}.component';
+	import { ${1:AppComponent} } from './${2:name}.component';
 
-  // enableProdMode();
+	// enableProdMode();
 
-  bootstrap(${3:AppComponent})
-  	.then(success => console.log(`Bootstrap success`))
-  	.catch(error => console.log(error));
-  ${4}
+	bootstrap(${3:AppComponent})
+		.then(success => console.log(`Bootstrap success`))
+		.catch(error => console.log(error));
+	${4}
 
 # AppComponent
 snippet ng2-component-root
-abbr Angular 2 App root component snippet
-  import { Component } from '@angular/core';
-  import { HTTP_PROVIDERS } from '@angular/http';
-  import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router';
-  import 'rxjs/Rx'; // load the full rxjs
-
-  @Component({
-  	moduleId: module.id,
-  	selector: '${1:selector}',
-  	templateUrl: '${2:name}.component.html',
-  	directives: [ROUTER_DIRECTIVES],
-  	providers: [
-  	  HTTP_PROVIDERS,
-  	  ROUTER_PROVIDERS
-  	]
-  })
-  @Routes([
-  	${3}
-  ])
-  export class AppComponent {}
+	import { Component } from '@angular/core';
+	import { HTTP_PROVIDERS } from '@angular/http';
+	import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router';
+	import 'rxjs/Rx'; // load the full rxjs
+
+	@Component({
+		moduleId: module.id,
+		selector: '${1:selector}',
+		templateUrl: '${2:name}.component.html',
+		directives: [ROUTER_DIRECTIVES],
+		providers: [
+			HTTP_PROVIDERS,
+			ROUTER_PROVIDERS
+		]
+	})
+	@Routes([
+		${3}
+	])
+	export class AppComponent {}