├── LICENSE
├── README.md
├── messages.json
├── messages
    └── 0.0.1.txt
├── ng2-bootstrap.sublime-snippet
├── ng2-component-root.sublime-snippet
├── ng2-component.sublime-snippet
├── ng2-directive.sublime-snippet
├── ng2-guard-can-activate-child.sublime-snippet
├── ng2-guard-can-activate.sublime-snippet
├── ng2-guard-can-deactivate.sublime-snippet
├── ng2-guard-can-load.sublime-snippet
├── ng2-http-get.sublime-snippet
├── ng2-httpclient-get.sublime-snippet
├── ng2-module-root.sublime-snippet
├── ng2-module-routing.sublime-snippet
├── ng2-module.sublime-snippet
├── ng2-ngClass.sublime-snippet
├── ng2-ngIf.sublime-snippet
├── ng2-ngModel.sublime-snippet
├── ng2-ngStyle.sublime-snippet
├── ng2-ngSwitch.sublime-snippet
├── ng2-pipe.sublime-snippet
├── ng2-route-path.sublime-snippet
├── ng2-routerLink.sublime-snippet
├── ng2-routes.sublime-snippet
├── ng2-service.sublime-snippet
└── ng2-subscribe.sublime-snippet


/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2016 Oren Farhi
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Angular (2nd Generation) TypeScript Snippets for SublimeText 
 2 | 
 3 | These snippets have been migrated from [john papa's Visual Studio Snippets](https://github.com/johnpapa/vscode-angular2-snippets)
 4 | 
 5 | ## Usage
 6 | Start typing **ng2** in files with these extensions: .js, .ts, .html (for directives html snippets)
 7 | 
 8 | ### TypeScript Snippets
 9 | ```typescript
10 | ng2-bootstrap
11 | ng2-component-root
12 | ng2-component
13 | ng2-directive
14 | ng2-guard-can-activate-child
15 | ng2-guard-can-activate
16 | ng2-guard-can-deactivate
17 | ng2-guard-can-load
18 | ng2-http-get
19 | ng2-httpclient-get
20 | ng2-module-root
21 | ng2-module-routing
22 | ng2-module
23 | ng2-ngClass
24 | ng2-ngIf
25 | ng2-ngModel
26 | ng2-ngStyle
27 | ng2-ngSwitch
28 | ng2-pipe
29 | ng2-route-path
30 | ng2-routerLink
31 | ng2-routes
32 | ng2-service
33 | ng2-subscribe
34 | ```
35 | 
36 | ###Directives (HTML) Snippets
37 | ```html
38 | ng2-ngClass
39 | ng2-ngFor
40 | ng2-ngIf
41 | ng2-ngModel
42 | ng2-routerLink
43 | ng2-ngStyle
44 | ng2-ngSwitch
45 | ```
46 | 
47 | ## Installation
48 | 
49 | Currently, download a zip or clone this repo to your sublime's User directory.
50 | 


--------------------------------------------------------------------------------
/messages.json:
--------------------------------------------------------------------------------
1 | {
2 |   "0.0.1": "messages/0.0.1.txt"
3 | }


--------------------------------------------------------------------------------
/messages/0.0.1.txt:
--------------------------------------------------------------------------------
1 | Thanks for using the Angular2 Snippets inspired by John Papa.
2 | 
3 | 
4 | ---------------
5 | Initial Release in 0.0.1
6 | 
7 | - includes snippets from john's papa visual studio code snippets for angular 2


--------------------------------------------------------------------------------
/ng2-bootstrap.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | import { enableProdMode } from '@angular/core';
 4 | import { bootstrap } from '@angular/platform-browser-dynamic';
 5 | 
 6 | import { ${1:AppComponent} } from './${2:name}.component';
 7 | 
 8 | // enableProdMode();
 9 | 
10 | bootstrap(${1:AppComponent})
11 | 	.then(success => console.log(`Bootstrap success`))
12 | 	.catch(error => console.log(error));
13 | ${3}
14 | ]]></content>
15 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
16 | 	<tabTrigger>ng2-bootstrap</tabTrigger>
17 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
18 | 	<scope>source.js, source.ts</scope>
19 | 	<description>Angular 2 bootstrap snippet</description>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ng2-component-root.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | import { Component } from '@angular/core';
 4 | import { HTTP_PROVIDERS } from '@angular/http';
 5 | import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router';
 6 | import 'rxjs/Rx'; // load the full rxjs
 7 | 
 8 | @Component({
 9 | 	moduleId: module.id,
10 | 	selector: '${1:selector}',
11 | 	templateUrl: '${2:name}.component.html',
12 | 	directives: [ROUTER_DIRECTIVES],
13 | 	providers: [
14 | 	  HTTP_PROVIDERS,
15 | 	  ROUTER_PROVIDERS
16 | 	]
17 | })
18 | @Routes([
19 | 	${3}
20 | ])
21 | export class AppComponent {}
22 | ]]></content>
23 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
24 | 	<tabTrigger>ng2-component-root</tabTrigger>
25 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
26 | 	<scope>source.js, source.ts</scope>
27 | 	<description>Angular 2 App root component snippet</description>
28 | </snippet>
29 | 


--------------------------------------------------------------------------------
/ng2-component.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | import { Component, OnInit } from '@angular/core';
 4 |       
 5 | @Component({
 6 | 	moduleId: module.id,
 7 | 	selector: '${1:selector}',
 8 | 	templateUrl: '${1:selector}.component.html'
 9 | })
10 | export class ${3:ComponentName}Component implements OnInit {
11 | 	constructor() { }
12 | 
13 | 	ngOnInit() { }
14 | 
15 | 	${4}
16 | }
17 | ]]></content>
18 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
19 | 	<tabTrigger>ng2-component</tabTrigger>
20 | 	<description>Angular 2 component snippet</description>
21 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
22 | 	<scope>source.js, source.ts</scope>
23 | </snippet>
24 | 


--------------------------------------------------------------------------------
/ng2-directive.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | import { Directive } from '@angular/core';
 4 | 
 5 | @Directive({ selector: '[${1:selector-name}]' })
 6 | export class ${2:Name}Directive {
 7 |   constructor() { }
 8 | }
 9 | ]]></content>
10 |   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
11 |   <tabTrigger>ng2-directive</tabTrigger>
12 |   <!-- Optional: Set a scope to limit where the snippet will trigger -->
13 |   <scope>source.js,source.ts</scope>
14 |   <description>Angular Directive</description>
15 | </snippet>
16 | 


--------------------------------------------------------------------------------
/ng2-guard-can-activate-child.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | import { Injectable } from '@angular/core';
 4 | import { ActivatedRouteSnapshot, CanActivateChild, RouterStateSnapshot } from '@angular/router';
 5 | 
 6 | @Injectable()
 7 | export class ${1:NameGuard} implements CanActivateChild {
 8 |   constructor() { }
 9 | 
10 |   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
11 |     return true${2:Code};
12 |   }
13 | }
14 | ]]></content>
15 |   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
16 |   <tabTrigger>ng2-guard-can-activate-child</tabTrigger>
17 |   <!-- Optional: Set a scope to limit where the snippet will trigger -->
18 |   <scope>source.js,source.ts</scope>
19 |   <description>Angular CanActivateChild guard</description>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ng2-guard-can-activate.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | import { Injectable } from '@angular/core';
 4 | import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot } from '@angular/router';
 5 | 
 6 | @Injectable()
 7 | export class ${1:Name}Guard implements CanActivate {
 8 |   constructor() { }
 9 | 
10 |   canActivate(route: ActivatedRouteSnapshot state: RouterStateSnapshot) {
11 |     return true${2:Code};
12 |   }
13 | }
14 | ]]></content>
15 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
16 | 	<tabTrigger>ng2-guard-can-activate</tabTrigger>
17 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
18 | 	<scope>source.js, source.ts</scope>
19 | 	<description>Angular CanActivate guard</description>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ng2-guard-can-deactivate.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | import { Injectable } from '@angular/core';
 4 | import { ActivatedRouteSnapshot, CanDeactivate, RouterStateSnapshot } from '@angular/router';
 5 | import { Observable } from 'rxjs/Observable';
 6 | 
 7 | import { ${2:NameComponent} } from './${2:nameComponent}.component';
 8 | 
 9 | // Consider using this interface for all CanDeactivate guards,
10 | // and have your components implement this interface, too.
11 | //
12 | //   e.g. export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
13 | //
14 | // export interface CanComponentDeactivate {
15 | // canDeactivate: () => any;
16 | // }
17 | 
18 | @Injectable()
19 | export class ${1:NameGuard} implements CanDeactivate<${2:NameComponent}> {
20 |   canDeactivate(
21 |     component: ${2:NameComponent},
22 |     currentRoute: ActivatedRouteSnapshot, 
23 |     currentState: RouterStateSnapshot
24 |   ): Observable<boolean>|Promise<boolean>|boolean {
25 |     return false;
26 |   }
27 | }
28 | ]]></content>
29 |   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
30 |   <tabTrigger>ng2-guard-can-deactivate</tabTrigger>
31 |   <!-- Optional: Set a scope to limit where the snippet will trigger -->
32 |   <scope>source.js,source.ts</scope>
33 |   <description>Angular CanDeactivate guard</description>
34 | </snippet>
35 | 


--------------------------------------------------------------------------------
/ng2-guard-can-load.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | import { Injectable } from '@angular/core';
 4 | import { CanLoad, Route } from '@angular/router';
 5 | 
 6 | @Injectable()
 7 | export class ${1:NameGuard} implements CanLoad {
 8 |   constructor() { }
 9 | 
10 |   canLoad(route: Route) {
11 |     return true;
12 |   }
13 | }
14 | ]]></content>
15 |   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
16 |   <tabTrigger>ng2-guard-can-load</tabTrigger>
17 |   <!-- Optional: Set a scope to limit where the snippet will trigger -->
18 |   <scope>source.js,source.ts</scope>
19 |   <description>Angular CanLoad guard</description>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ng2-http-get.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | return this.http.get('${1:url}')
 4 | 	.map((res: Response) => res.json()${2});
 5 | ]]></content>
 6 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 7 | 	<tabTrigger>ng2-http-get</tabTrigger>
 8 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 9 | 	<scope>source.js, source.ts</scope>
10 | 	<description>Angular 2 Http.get snippet</description>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/ng2-httpclient-get.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | return this.httpClient.get('url');
 4 | ]]></content>
 5 |   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 |   <tabTrigger>ng2-httpclient-get</tabTrigger>
 7 |   <!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 |   <scope>source.js,source.ts</scope>
 9 |   <description>Angular HttpClient.get</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/ng2-module-root.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |       <content><![CDATA[
 3 | import { NgModule } from '@angular/core';
 4 | import { BrowserModule  } from '@angular/platform-browser';
 5 | import { HttpModule } from '@angular/http';
 6 | 
 7 | import { ${1:App}Component } from './${2:app}.component';
 8 | import { routing } from './${2:app}.routing'; //TODO: Create ${2:app}.routing, 
 9 | 
10 | @NgModule({
11 |   imports: [
12 |     BrowserModule,
13 |     HttpModule,
14 |     routing
15 |   ],
16 |   declarations: [${1:App}Component],
17 |   providers: [/* TODO: Providers go here */],
18 |   bootstrap: [${1:App}Component],
19 | }),
20 | export class ${1:App}Module { }
21 | ]]></content>
22 |       <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
23 |       <tabTrigger>ng2-module-root</tabTrigger>
24 |       <!-- Optional: Set a scope to limit where the snippet will trigger -->
25 |       <scope>source.js, source.ts</scope>
26 |       <description>Angular 2 Root Module snippet</description>
27 | </snippet>
28 | 


--------------------------------------------------------------------------------
/ng2-module-routing.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | import { NgModule } from '@angular/core';
 4 | import { Routes, RouterModule } from '@angular/router';
 5 | 
 6 | import { ${1:Name}Component } from './${2:name}.component';
 7 | 
 8 | const routes: Routes = [
 9 |   { path: 'path', component: ${1:Name}Component },
10 | ];
11 | 
12 | @NgModule({
13 |   imports: [RouterModule.forChild(routes)],
14 |   exports: [RouterModule],
15 | })
16 | export class ${1:Name}RoutingModule { }
17 | 
18 | export const routedComponents = [${1:Name}Component];
19 | ]]></content>
20 |   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
21 |   <tabTrigger>ng2-module-routing</tabTrigger>
22 |   <!-- Optional: Set a scope to limit where the snippet will trigger -->
23 |   <scope>source.js,source.ts</scope>
24 |   <description>Angular routing module file (forChild)</description>
25 | </snippet>
26 | 


--------------------------------------------------------------------------------
/ng2-module.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |       <content><![CDATA[
 3 | import { NgModule } from '@angular/core';
 4 | import { ${1:Name}Component }   from './${2:name}.component';
 5 | 
 6 | @NgModule({
 7 |       imports: [],
 8 |       exports: [],
 9 |       declarations: [${1:Name}Component],
10 |       providers: [],
11 | })
12 | export class ${1:Name}Module { ${3:classCode} }
13 | ]]></content>
14 |       <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
15 |       <tabTrigger>ng2-module</tabTrigger>
16 |       <!-- Optional: Set a scope to limit where the snippet will trigger -->
17 |       <scope>source.js, source.ts</scope>
18 |       <description>Angular 2 Module snippet</description>
19 | </snippet>
20 | 


--------------------------------------------------------------------------------
/ng2-ngClass.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | [ngClass]="{${1:cssClass}: ${2:expression}}" 
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>ng2-ngClass</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>source.ts, source.html, source.js</scope>
 9 | 	<description>Angular 2 ngClass snippet</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/ng2-ngIf.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 
3 |     <tabTrigger>ng2-ngIf</tabTrigger>
4 |     <content><![CDATA[
5 |       *ngIf="${1:expression}"
6 |     ]]></content>
7 |     <scope>source.ts, source.html, source.js</scope>
8 |     <description>Angular 2 *ngIf snippet</description>
9 |   </snippet>


--------------------------------------------------------------------------------
/ng2-ngModel.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 
3 |     <tabTrigger>ng2-ngModel</tabTrigger>
4 |     <content><![CDATA[
5 |       [(ngModel)]="${1:binding}"
6 |     ]]></content>
7 |     <scope>source.ts, source.html, source.js</scope>
8 |     <description>Angular 2 ngModel snippet</description>
9 |   </snippet>


--------------------------------------------------------------------------------
/ng2-ngStyle.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 
3 |     <tabTrigger>ng2-ngStyle</tabTrigger>
4 |     <content><![CDATA[
5 |       [ngStyle]=\{${1:style}: ${2:expression}}\
6 |     ]]></content>
7 |     <scope>source.ts, source.html, source.js</scope>
8 |     <description>Angular 2 ngStyle snippet</description>
9 |   </snippet>


--------------------------------------------------------------------------------
/ng2-ngSwitch.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 
 3 |     <tabTrigger>ng2-ngSwitch</tabTrigger>
 4 |     <content><![CDATA[
 5 |       <div [ngSwitch]="${1:conditionExpression}">
 6 |         <div *ngSwitchWhen="${2:expression}">${3:output}</div>
 7 |         <div *ngSwitchDefault>${4:output2}</div>
 8 |       </div>
 9 |     ]]></content>
10 |     <scope>source.ts, source.html, source.js</scope>
11 |     <description>Angular 2 ngSwitch snippet</description>
12 |   </snippet>


--------------------------------------------------------------------------------
/ng2-pipe.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | import { Pipe, PipeTransform } from '@angular/core';
 4 | 
 5 | @Pipe({
 6 | 	name: '${1:name}'
 7 | })
 8 | export class ${2:PipeName}Pipe implements PipeTransform {
 9 | 	transform(value: any, args: any[]): any {
10 | 		${3}
11 | 	}
12 | }
13 | 
14 | ]]></content>
15 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
16 | 	<tabTrigger>ng2-pipe</tabTrigger>
17 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
18 | 	<scope>source.js, source.ts</scope>
19 | 	<description>Angular 2 pipe snippet</description>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/ng2-route-path.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | { path: '/${1:path}', component: ${2:component}Component }${3}
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>ng2-route-path</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>source.js, source.ts</scope>
 9 | 	<description>Angular 2 route path snippet</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/ng2-routerLink.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 | 
3 |     <tabTrigger>ng2-routerLink</tabTrigger>
4 |     <content><![CDATA[
5 |       [routerLink]="['${routeName}']"
6 |     ]]></content>
7 |     <scope>source.ts, source.html, source.js</scope>
8 |     <description>Angular 2 routerLink snippet</description>
9 |   </snippet>


--------------------------------------------------------------------------------
/ng2-routes.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | @Routes([
 4 |     { path: '/${1:path}', component: ${2:component}Component }${3}
 5 | ])
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>ng2-routes</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>source.js, source.ts</scope>
11 | 	<description>Angular 2 route config snippet</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/ng2-service.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | import { Injectable } from '@angular/core';
 4 | 
 5 | @Injectable()
 6 | export class ${1:ServiceName}Service {
 7 | 	${2}
 8 | 	constructor() { }
 9 | 
10 | }
11 | ]]></content>
12 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
13 | 	<tabTrigger>ng2-service</tabTrigger>
14 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
15 | 	<scope>source.js, source.ts</scope>
16 | 	<description>Angular 2 service snippet</description>
17 | </snippet>
18 | 


--------------------------------------------------------------------------------
/ng2-subscribe.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | this.${1:service}.${2:function}(),
 4 | 	.subscribe(${3:arg} => this.${4:property} = ${3:arg});
 5 | ${5}
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>ng2-subscribe</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>source.js, source.ts</scope>
11 | 	<description>Angular 2 observable subscribe snippet</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------