SaurabhLpRocks

import {Injectable} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {Observable} from 'rxjs';
import {share} from 'rxjs/operators';
@Injectable()
export class AppService {
    data: Observable < any >;
    constructor(private http : HttpClient) {
        this.data = this.http.get<any> ('apiUrl').pipe(share());
    }

SaurabhLpRocks

@Component({
    selector: 'app', 
    template: `<ul>
                    <li *ngFor="let item of items; trackBy: trackById">{{item.name}}</li>
               </ul>`
})
class AppComponent {
    Items = [
        {
            id: 1,

SaurabhLpRocks

!function(r){function e(e){for(var t,p,c=e[0],a=e[1],f=e[2],l=0,s=[];l<c.length;l++)o[p=c[l]]&&s.push(o[p][0]),o[p]=0;for(t in a)Object.prototype.hasOwnProperty.call(a,t)&&(r[t]=a[t]);for(i&&i(e);s.length;)s.shift()();return u.push.apply(u,f||[]),n()}function n(){for(var r,e=0;e<u.length;e++){for(var n=u[e],t=!0,c=1;c<n.length;c++)0!==o[n[c]]&&(t=!1);t&&(u.splice(e--,1),r=p(p.s=n[0]))}return r}var t={},o={0:0},u=[];function p(e){if(t[e])return t[e].exports;var n=t[e]={i:e,l:!1,exports:{}};return r[e].call(n.exports,n,n.exports,p),n.l=!0,n.exports}p.m=r,p.c=t,p.d=function(r,e,n){p.o(r,e)||Object.defineProperty(r,e,{configurable:!1,enumerable:!0,get:n})},p.r=function(r){Object.defineProperty(r,"__esModule",{value:!0})},p.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return p.d(e,"a",e),e},p.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},p.p="";var c=window.webpackJsonp=window.webpackJsonp||[],a=c.push.bind(c);c.push=e,c=c.slice();for(var f=0;f<c.length;

SaurabhLpRocks

SaurabhLpRocks

## Ignore Visual Studio temporary files, build results, and
## files generated by popular Visual Studio add-ons.
## Taken from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore

# IDEs and editors
/.idea
.project
.classpath
.c9/
*.launch

SaurabhLpRocks

{
  "tslint.configFile": "./tslint.json",
  "prettier.singleQuote": true,
  "prettier.trailingComma": "es5",
  "prettier.printWidth": 140,
  "editor.formatOnSave": true,
  "eslint.autoFixOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    "source.organizeImports": true

SaurabhLpRocks

{
  "extends": ["tslint-consistent-codestyle", "tslint-plugin-prettier", "tslint-config-prettier"],
  "rules": {
    "prettier": true,
    "array-type": false,
    "arrow-parens": false,
    "deprecation": {
      "severity": "warn"
    },
    "component-class-suffix": true,

SaurabhLpRocks

{
  "trailingComma": "all",
  "singleQuote": true,
  "printWidth": 140,
  "arrowParens": "always",
  "overrides": [
    {
      "files": "*.js*, *.ts*",
      "options": {
        "prettier.printWidth": 140

SaurabhLpRocks

{
  "extends": ["stylelint-prettier/recommended"],
  "rules": {
    "prettier/prettier": true,
  }
}

SaurabhLpRocks

{
  "name": "vscode-workflow",
  "version": "1.0.0",
  "description": "Fullstack app to demonstrate end to end workflow of Angular and ASP Net Core app inside VS Code.",
  "main": "index.js",
  "keywords": [
    "vscode",
    "angular",
    "aspnetcore",
    ".net",