-
Notifications
You must be signed in to change notification settings - Fork 0
/
angular2-snippets.xml
137 lines (137 loc) · 8.69 KB
/
angular2-snippets.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<templateSet group="angular2-snippets">
<template name="ng2Component" value="import { Component, OnInit } from '@angular/core'; @Component({ moduleId: module.id, selector: '$selectorName$', templateUrl: '$componentName$.component.html' }) export class $componentName$Component implements OnInit { constructor() { } ngOnInit() { } }" description="Angular 2 component snippet" toReformat="false" toShortenFQNames="true">
<variable name="selectorName" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="componentName" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2Service" value="import { Injectable } from '@angular/core'; @Injectable() export class $serviceName$Service { constructor() { } }" description="Angular 2 service snippet" toReformat="false" toShortenFQNames="true">
<variable name="serviceName" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2Pipe" value="import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: '$pipeName$' }) export class $pipeName$Pipe implements PipeTransform { transform(value: any, args: any[]): any { } }" description="Angular 2 pipe snippet" toReformat="false" toShortenFQNames="true">
<variable name="pipeName" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2Routes" value="@Routes([ { path: '$path$', component: $componentName$ } ])" description="Angular 2 route config snippet" toReformat="false" toShortenFQNames="true">
<variable name="path" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="componentName" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2RoutePath" value="{ path: '$path$', component: $componentName$ }" description="Angular 2 route path snippet" toReformat="false" toShortenFQNames="true">
<variable name="path" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="componentName" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2HttpGet" value="return this.http.get($url$) .map((res: Response) => res.json());" description="Angular 2 Http.get snippet" toReformat="false" toShortenFQNames="true">
<variable name="url" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2Subscribe" value="this.service.function .subscribe(arg => this.property = arg);" description="Angular 2 observable subscribe snippet" toReformat="false" toShortenFQNames="true">
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2Bootstrap" value="import { enableProdMode } from '@angular/core'; import { bootstrap } from '@angular/platform-browser-dynamic'; import { AppComponent } from './$appComponentName$.component'; // enableProdMode(); bootstrap(AppComponent) .then(success => console.log(`Bootstrap success`)) .catch(error => console.log(error));" description="Angular 2 bootstrap snippet" toReformat="false" toShortenFQNames="true">
<variable name="appComponentName" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2ComponentRoot" value="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: '$selectorName$', templateUrl: '$componentName$.component.html', directives: [ROUTER_DIRECTIVES], providers: [ HTTP_PROVIDERS, ROUTER_PROVIDERS ] }) @Routes([ ]) export class AppComponent {}" description="Angular 2 App root component snippet" toReformat="false" toShortenFQNames="true">
<variable name="selectorName" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="componentName" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
<option name="TypeScript" value="true" />
</context>
</template>
<template name="ng2ngClass" value="[ngClass]="{cssClass: expression}"" description="Angular 2 ngClass snippet" toReformat="true" toShortenFQNames="true">
<context>
<option name="HTML_TEXT" value="true" />
<option name="HTML" value="true" />
</context>
</template>
<template name="ng2ngFor" value="*ngFor="let item of list"" description="Angular 2 *ngFor snippet" toReformat="true" toShortenFQNames="true">
<context>
<option name="HTML_TEXT" value="true" />
<option name="HTML" value="true" />
</context>
</template>
<template name="ng2ngIf" value="*ngIf="expression"" description="Angular 2 *ngIf snippet" toReformat="true" toShortenFQNames="true">
<context>
<option name="HTML_TEXT" value="true" />
<option name="HTML" value="true" />
</context>
</template>
<template name="ng2ngModel" value="[(ngModel)]="binding"" description="Angular 2 ngModel snippet" toReformat="true" toShortenFQNames="true">
<context>
<option name="HTML_TEXT" value="true" />
<option name="HTML" value="true" />
</context>
</template>
<template name="ng2RouterLink" value="[routerLink]="['routeName']"" description="Angular 2 routerLink snippet" toReformat="true" toShortenFQNames="true">
<context>
<option name="HTML_TEXT" value="true" />
<option name="HTML" value="true" />
</context>
</template>
<template name="ng2ngStyle" value="[ngStyle]="{style: expression}"" description="Angular 2 ngStyle snippet" toReformat="true" toShortenFQNames="true">
<context>
<option name="HTML_TEXT" value="true" />
<option name="HTML" value="true" />
</context>
</template>
<template name="ng2ngSwitch" value="<div [ngSwitch]="conditionExpression"> <div *ngSwitchWhen="expression">output</div> <div *ngSwitchDefault>output2</div> </div>" description="Angular 2 ngSwitch snippet" toReformat="true" toShortenFQNames="true">
<context>
<option name="HTML_TEXT" value="true" />
<option name="HTML" value="true" />
</context>
</template>
</templateSet>