Angular TypeScript Snippets for VS Code

Updated for EMK's Workspace for Angular Project

This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.

Usage

Type part of a snippet, press enter, and the snippet unfolds.

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (macOS) to activate snippets from within the editor.

Command	Purpose
express: Add simple Express server file to workspace	Adds Node.js express server

Snippet	Purpose
`EMK-html-setup`	Basic HTML setup
`EMK-normal-table-sm`	Normal table with filtering and Excel export functionality
`EMK-ngif-modal`	Creates a template for an ngIf-based modal dialog
`EMK-bootstrap-modal`	Creates a template for a Bootstrap modal dialog
`EMK-h-select-option`	Generates code for a horizontal select input with options
`EMK-h-datepicket-input`	Creates a template for an horizontal input field with a datepicker.
`EMK-h-input-with-button`	Generates code for an horizontal input field with an associated button
`EMK-h-input-text`	Provides a template for a basic horizontal text input field
`EMK-select-option`	Generates code for a select input with options
`EMK-datepicket-input`	Creates a template for an input field with a datepicker.
`EMK-input-with-button`	Generates code for an input field with an associated button
`EMK-input-text`	Provides a template for a basic text input field
`EMK-reactiveForm-sample`	Creates a template for a basic reactive form setup.

Snippet	Purpose
`EMK-default-constructor`	create an default contructor injection
`EMK-post-api-function`	create an POST Method API call funtion
`EMK-post-api-confirm-function`	create an POST Method API call with confimation funtion
`EMK-post-api-autocomplete-function`	create an POST Method call for Autocomplete confimation funtion
`EMK-subsAndFormGroup`	Initialize SubSink and Form Group
`EMK-backNavigation-function`	Inserts the backNavigation function
`EMK-excel-donwload-function`	Inserts the excel download function
`EMK-focus-trigger-function`	Inserts the focusTrigger function
`EMK-open-dialog-component-function`	Inserts the open dialog component function
`EMK-formGroup-Initialization`	Inserts the FormGroup initialization

Snippet	Purpose
`docker-angular-node-multi-stage`	Multi-stage Dockerfile for Node with Angular

Snippet	Purpose
`ex-simple-server`	Node.js Express Server

Install Visual Studio Code 1.10.0 or higher
Launch Code
From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
Select Install Extension
Choose the extension
Reload Visual Studio Code