Adding Container snippets

Author: BeastCode

CHANGELOG.md

@@ -1,6 +1,12 @@
 # Angular BeastCode Changelog
 
 ## 7.2.0
+ * Testing Snippets
+   * ng-template
+   * ng-container
+   * ng-container-ngfor
+   * ng-container-template
+   * ng-container-component
  * Enhanced
    * t-pipe
 

README.md

@@ -204,6 +204,10 @@ You don't need to type any dashes: "ngrxr" -> "ng-rx-reducer" snippet
 | ng-component-inline | Component with inline Template and Styles |
 | ng-component-value-accessor | Angular Component With NG_VALUE_ACCESSOR |
 | ng-conf | The World's Original Angular Conference |
+| ng-container | Angular Container |
+| ng-container-component | Angular Container with *ngContainerOutlet |
+| ng-container-ngfor | Angular Container with *ngFor |
+| ng-container-template | Angular Container with *ngTemplateOutlet |
 | ng-controller | Use component instead. |
 | ng-debug | pre obj pipe json |
 | ng-debug-async | pre obj pipe async pipe json |
@@ -274,6 +278,7 @@ You don't need to type any dashes: "ngrxr" -> "ng-rx-reducer" snippet
 | ng-src | Usage: Bind to the src property. |
 | ng-style | CSS style |
 | ng-switch | Switch template |
+| ng-template | Angular template |
 | ng-validator | Angular validator snippet |
 | ngrx-action-const | ngRx Single action |
 | ngrx-action-creator | ngRx Single action with const |

package.json

@@ -2,7 +2,7 @@
   "name": "Angular-BeastCode",
   "publisher": "Mikael",
   "displayName": "Angular 7 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout",
-  "description": "232 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, ngRx, RxJS, PWA & Testing) Updated for v8 Beta",
+  "description": "237 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, ngRx, RxJS, PWA & Testing) Updated for v8 Beta",
   "icon": "images/Angular4.png",
   "license": "MIT",
   "repository": {

snippets/html.json

@@ -927,35 +927,52 @@
     ]
   },
 	"Angular Container": {
-		"scope": "html",
-		"prefix": "ng-container",
-		"body": "<ng-container>${1}</ng-container>"
+		"types": "typescript, html",
+    "prefix": "ng-container",
+    "description": "Angular Container",
+    "body": [
+      "<ng-container>${1}</ng-container>",
+      "$0"
+    ]
 	},
 	"Angular Container with *ngFor": {
-		"scope": "html",
-		"prefix": "ng-container-ngfor",
+		"types": "typescript, html",
+    "prefix": "ng-container-ngfor",
+    "description": "Angular Container with *ngFor",
 		"body": [
 			"<ng-container *ngFor=\"let ${1:item} of ${2:items}\">",
 			"  ${3:content}",
-			"</ng-container>"
-		]
+			"</ng-container>",
+      "$0"
+    ]
 	},
 	"Angular Container with *ngTemplateOutlet": {
-		"scope": "html",
-		"prefix": "ng-container-template",
-		"body": "<ng-container *ngTemplateOutlet=\"${1}\"></ng-container>"
+		"types": "typescript, html",
+    "prefix": "ng-container-template",
+    "description": "Angular Container with *ngTemplateOutlet",
+		"body": [
+      "<ng-container *ngTemplateOutlet=\"${1}\"></ng-container>",
+      "$0"
+    ]
 	},
 	"Angular Container with *ngContainerOutlet": {
-		"scope": "html",
-		"prefix": "ng-container-component",
-		"body": "<ng-container *ngComponentOutlet=\"${1}\"></ng-container>"
+		"types": "typescript, html",
+    "prefix": "ng-container-component",
+    "description": "Angular Container with *ngContainerOutlet",
+		"body": [
+      "<ng-container *ngComponentOutlet=\"${1}\"></ng-container>",
+      "$0"
+      ]
 	},
 	"Angular template": {
-		"scope": "html",
-		"prefix": "ng-template",
-		"body": "<ng-template #${1:name}></ng-template>"
-	}
-
+		"types": "typescript, html",
+    "prefix": "ng-template",
+    "description": "Angular template",
+		"body": [
+      "<ng-template #${1:name}></ng-template>",
+      "$0"
+    ]
+	},
   "Angular ngRx Util": {
     "prefix": "ngrx-util",
     "description": "ngRx Util",