Skip to content

Commit 8ffb4a5

Browse files
committed
added angular snippets for js and ts for vscode
1 parent 197ddb4 commit 8ffb4a5

File tree

2 files changed

+188
-0
lines changed

2 files changed

+188
-0
lines changed
Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
{
2+
"Angular Controller": {
3+
"prefix": "ngcontroller",
4+
"body": [
5+
"(function() {",
6+
"'use strict';",
7+
"",
8+
"\tangular",
9+
"\t\t.module('${Module}')",
10+
"\t\t.controller('${Controller}Controller', ${Controller}Controller);",
11+
"",
12+
"\t${Controller}Controller.$inject = ['${dependency1}'];",
13+
"\tfunction ${Controller}Controller(${dependency1}) {",
14+
"\t\tvar vm = this;",
15+
"\t\t$0",
16+
"",
17+
"\t\tactivate();",
18+
"",
19+
"\t\t////////////////",
20+
"",
21+
"\t\tfunction activate() { }",
22+
"\t}",
23+
"})();"
24+
],
25+
"description": "Angular 1 controller"
26+
},
27+
"Angular Service": {
28+
"prefix": "ngservice",
29+
"body": [
30+
"(function() {",
31+
"'use strict';",
32+
"",
33+
"\tangular",
34+
"\t\t.module('${Module}')",
35+
"\t\t.service('${Service}', ${Service});",
36+
"",
37+
"\t${Service}.$inject = ['${dependency1}'];",
38+
"\tfunction ${Service}(${dependency1}) {",
39+
"\t\tthis.${exposedFn} = ${exposedFn};",
40+
"\t\t$0",
41+
"\t\t////////////////",
42+
"\t\tfunction ${exposedFn}() { }",
43+
"\t}",
44+
"})();"
45+
],
46+
"description": "Angular 1 service"
47+
},
48+
"Angular Factory": {
49+
"prefix": "ngfactory",
50+
"body": [
51+
"(function() {",
52+
"'use strict';",
53+
"",
54+
"\tangular",
55+
"\t\t.module('${Module}')",
56+
"\t\t.factory('${Service}', ${Service});",
57+
"",
58+
"\t${Service}.$inject = ['${dependency1}'];",
59+
"\tfunction ${Service}(${dependency1}) {",
60+
"\t\tvar service = {",
61+
"\t\t\t${exposedFn}:${exposedFn}",
62+
"\t\t};",
63+
"\t\t$0",
64+
"\t\treturn service;",
65+
"",
66+
"\t\t////////////////",
67+
"\t\tfunction ${exposedFn}() { }",
68+
"\t}",
69+
"})();"
70+
],
71+
"description": "Angular 1 factory"
72+
},
73+
"Angular Directive": {
74+
"prefix": "ngdirective",
75+
"body": [
76+
"(function() {",
77+
"\t'use strict';",
78+
"",
79+
"\tangular",
80+
"\t\t.module('${Module}')",
81+
"\t\t.factory('${Directive}', ${Directive});",
82+
"",
83+
"\t${Directive}.$inject = ['${dependency1}'];",
84+
"\tfunction ${Directive}(${dependency1}) {",
85+
"\t\t// Usage:",
86+
"\t\t//",
87+
"\t\t// Creates:",
88+
"\t\t//",
89+
"\t\tvar directive = {",
90+
"\t\t bindToController: true,",
91+
"\t\t controller: ${Controller}Controller,",
92+
"\t\t controllerAs: '${vm}',",
93+
"\t\t link: link,",
94+
"\t\t restrict: 'A',",
95+
"\t\t scope: {",
96+
"\t\t }",
97+
"\t\t};",
98+
"\t\treturn directive;",
99+
"\t\t",
100+
"\t\tfunction link(scope, element, attrs) {",
101+
"\t\t}",
102+
"\t}",
103+
"\t/* @ngInject */",
104+
"\tfunction ${Controller}Controller () {",
105+
"\t\t$0",
106+
"\t}",
107+
"})();"
108+
],
109+
"description": "Angular 1 directive"
110+
},
111+
"Angular Module": {
112+
"prefix": "ngmodule",
113+
"body": [
114+
"(function() {",
115+
"\t'use strict';",
116+
"",
117+
"\tangular.module('${module}', [",
118+
"\t\t$0",
119+
"\t]);",
120+
"})();"
121+
],
122+
"description": "Angular 1 module"
123+
}
124+
}
Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
{
2+
"Angular Controller": {
3+
"prefix": "ngcontroller",
4+
"body": [
5+
"namespace ${module} {",
6+
"'use strict';",
7+
"",
8+
"export class ${Controller}Controller {",
9+
"\tstatic $inject: Array<string> = ['${dependency1}'];",
10+
"\tconstructor(private ${dependency1}: ${dependency1Type}) {",
11+
"$0",
12+
"}",
13+
"",
14+
"\t${property}: ${propertyType} = ${propertyValue};",
15+
"",
16+
"\t${fn}() { }",
17+
"}",
18+
"",
19+
"angular",
20+
"\t.module('${Module}')",
21+
"\t.controller('${Controller}Controller', ${Controller}Controller);",
22+
"}"
23+
]
24+
},
25+
"Angular Service": {
26+
"prefix": "ngservice",
27+
"body": [
28+
"namespace ${module} {",
29+
"'use strict';",
30+
"",
31+
"export interface I${Service} {",
32+
"\t${serviceFn}: (${dependency1}:${dependency1Type}) => ${returnType};",
33+
"}",
34+
"export class ${Service} implements I${Service} {",
35+
"\tstatic $inject: Array<string> = ['${dependency1}'];",
36+
"\tconstructor(private ${dependency1}: ${dependency1Type}) {",
37+
"",
38+
"}",
39+
"",
40+
"\t${serviceFn}: (${dependency1}:${dependency1Type}) => ${returnType} = (${dependency1}:${dependency1Type}) => {",
41+
"\t\t$0",
42+
"\t}",
43+
"",
44+
"}",
45+
"",
46+
"angular",
47+
"\t.module('${Module}')",
48+
"\t.service('${Service}', ${Service});",
49+
"}"
50+
]
51+
},
52+
"Angular Module": {
53+
"prefix": "ngmodule",
54+
"body": [
55+
"namespace ${module} {",
56+
"\t'use strict';",
57+
"",
58+
"\tangular.module('${module}', [",
59+
"\t$0",
60+
"\t]);",
61+
"}"
62+
]
63+
}
64+
}

0 commit comments

Comments
 (0)