Zim zimejin

## invoice.js
// try here http://pdfmake.org/playground.html

var dd = {
  content: [
    {
      columns: [
        {
          image:
            'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABjCAYAAADeg0+zAAAACXBIWXMAABYlAAAWJQFJUiTwAAAQbUlEQVR42u1dh3tUVRbnf9hvv5WuJBAkhZKEJEAoZkICBKWpVAUERClSFQgl9CZIjYAiuAvLoq4FdEURRQQVFUGa9A5SpUsJ4ez9nXn35c3kvZk3aQQ49/t+32TevHLL+d1T7rkvZWrEPkECgcAeZaQTBAIhiEAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAiGIQCAQgggEQhCBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEOkIgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEQhCBQAgiEAiEIAKBEEQgEIIIBEIQgUAIIhAIQQQPOh6v08TVMSFIATuzuO7t9Cy35xXmOQVtZyjXBTq3IL/heEGeHxmXQlHxHh/g2P1IlDL3khi6s6rXbkzVajaiiFqNqJofIiyfOF93Pj7dDnoEX9/YdtDz6tCE6xCqYOrz8Il6oi3+z7F+Rvi1y7+t+notWG7r4v8M/34LRlzb61z2hXVc8D0sqgFVikigitXqMvA3jul2RcbdP0QpFRqkTr1mlNj4SYpLbmGLeAWcg/MfrZFEFVSnV41pyJ0daJbTv9Vt1JJiGzQPeF7NhKZch2ACFUhAcH2tpDRTyO0EEe1JUPWxayfqGF03lcKiG1DFCK9wgdhuiaJ/r9swgxJUXYD45AzXGqRuw5aW61pQjTrurkP9MB4YFxxLb9WFuvceQv0Gj2J06z2Y0p7qzP2Cc6rVbBgS+R9agkTFp1Dlx5NowdvL6Pr1v+jSpct09dp1W1y5cpX+vHiJtmzbQVN

## AngularDom.ts
 @ViewChild('bioRef', {read: ElementRef}) private bioRef: ElementRef;
 @ViewChild('passwordRef', {read: ElementRef}) private passwordRef: ElementRef;

// returns
ElementRef {nativeElement: ion-radio.md.in-item.interactive.hydrated}

// native element
<ion-radio _ngcontent-ibt-c6="" slot="start" value="fingerprint" ng-reflect-value="fingerprint" role="radio"
 aria-checked="false" aria-labelledby="ion-rb-1-lbl" class="md in-item interactive hydrated"></ion-radio>

## simpleNotetaker.html
<!DOCTYPE html>
<html lang="en">

<body>
  <html>

  <head>
    <title>Note Taker</title>
  </head>

## gist:e489d864e2c89c6595ffdfaef29eb190
(focus)="myMethod()"  // An element has received focus
(blur)="myMethod()"   // An element has lost focus

(submit)="myMethod()"  // A submit button has been pressed

(scroll)="myMethod()"

(cut)="myMethod()"
(copy)="myMethod()"
(paste)="myMethod()"

## rxjs.js
//emit value every 1s
const source = interval(1000);
const example = source.pipe(
  map(val => {
    if (val > 5) {
      //error will be picked up by retryWhen
      throw val;
    }
    return val;
  }),

## factory.js
// Animal factory
const Animal = function(name){
    const animal = {};
    animal.name = name;
    animal.walk = function(){
        console.log(this.name + " walks");
    }
    return animal;
};

## excerpt.pipe.ts
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'excerpt' })
export class ExcerptPipe implements PipeTransform {
  transform(text: string, limit: number = 5) {
    if (text.length <= limit) {
      return text;
    }
    return text.substring(0, limit) + '...';
  }

## user-async.component.ts
import { Component, OnInit } from '@angular/core';
import { UserAsyncService } from './user-async.service';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-user-async',
  templateUrl: './user-async.component.html',
  styleUrls: ['./user-async.component.scss'],
  providers: [UserAsyncService]
})

## googleData.ts
export interface GoogleData {
  id: number;
  country: string;
  zipCode: string;
}

## user.component.spec.ts
import { async, TestBed } from '@angular/core/testing';

import { UserComponent } from './user.component';
import { UserService } from './user.service';

describe('UserComponent', () => {

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [UserComponent]
	// try here http://pdfmake.org/playground.html

	var dd = {
	content: [
	{
	columns: [
	{
	image:
	'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABjCAYAAADeg0+zAAAACXBIWXMAABYlAAAWJQFJUiTwAAAQbUlEQVR42u1dh3tUVRbnf9hvv5WuJBAkhZKEJEAoZkICBKWpVAUERClSFQgl9CZIjYAiuAvLoq4FdEURRQQVFUGa9A5SpUsJ4ez9nXn35c3kvZk3aQQ49/t+32TevHLL+d1T7rkvZWrEPkECgcAeZaQTBAIhiEAgBBEIhCACgRBEIBCCCARCEIFACCIQCEEEAiGIQCAQgggEQhCBQAgiEAhBBAIhiEAgBBEIhCACgRBEIBCCCARCEOkIgUAIIhAIQQQCIYhAIAQRCIQgAoEQRCAQgggEQhCBQAgiEAiEIAKBEEQgEIIIBEIQgUAIIhAIQQQPOh6v08TVMSFIATuzuO7t9Cy35xXmOQVtZyjXBTq3IL/heEGeHxmXQlHxHh/g2P1IlDL3khi6s6rXbkzVajaiiFqNqJofIiyfOF93Pj7dDnoEX9/YdtDz6tCE6xCqYOrz8Il6oi3+z7F+Rvi1y7+t+notWG7r4v8M/34LRlzb61z2hXVc8D0sqgFVikigitXqMvA3jul2RcbdP0QpFRqkTr1mlNj4SYpLbmGLeAWcg/MfrZFEFVSnV41pyJ0daJbTv9Vt1JJiGzQPeF7NhKZch2ACFUhAcH2tpDRTyO0EEe1JUPWxayfqGF03lcKiG1DFCK9wgdhuiaJ/r9swgxJUXYD45AzXGqRuw5aW61pQjTrurkP9MB4YFxxLb9WFuvceQv0Gj2J06z2Y0p7qzP2Cc6rVbBgS+R9agkTFp1Dlx5NowdvL6Pr1v+jSpct09dp1W1y5cpX+vHiJtmzbQVN
	@ViewChild('bioRef', {read: ElementRef}) private bioRef: ElementRef;
	@ViewChild('passwordRef', {read: ElementRef}) private passwordRef: ElementRef;

	// returns
	ElementRef {nativeElement: ion-radio.md.in-item.interactive.hydrated}

	// native element
	<ion-radio _ngcontent-ibt-c6="" slot="start" value="fingerprint" ng-reflect-value="fingerprint" role="radio"
	aria-checked="false" aria-labelledby="ion-rb-1-lbl" class="md in-item interactive hydrated"></ion-radio>
	<!DOCTYPE html>
	<html lang="en">

	<body>
	<html>

	<head>
	<title>Note Taker</title>
	</head>
	(focus)="myMethod()" // An element has received focus
	(blur)="myMethod()" // An element has lost focus

	(submit)="myMethod()" // A submit button has been pressed

	(scroll)="myMethod()"

	(cut)="myMethod()"
	(copy)="myMethod()"
	(paste)="myMethod()"
	//emit value every 1s
	const source = interval(1000);
	const example = source.pipe(
	map(val => {
	if (val > 5) {
	//error will be picked up by retryWhen
	throw val;
	}
	return val;
	}),
	// Animal factory
	const Animal = function(name){
	const animal = {};
	animal.name = name;
	animal.walk = function(){
	console.log(this.name + " walks");
	}
	return animal;
	};
	import { Pipe, PipeTransform } from '@angular/core';

	@Pipe({ name: 'excerpt' })
	export class ExcerptPipe implements PipeTransform {
	transform(text: string, limit: number = 5) {
	if (text.length <= limit) {
	return text;
	}
	return text.substring(0, limit) + '...';
	}
	import { Component, OnInit } from '@angular/core';
	import { UserAsyncService } from './user-async.service';
	import { Observable } from 'rxjs';

	@Component({
	selector: 'app-user-async',
	templateUrl: './user-async.component.html',
	styleUrls: ['./user-async.component.scss'],
	providers: [UserAsyncService]
	})
	export interface GoogleData {
	id: number;
	country: string;
	zipCode: string;
	}
	import { async, TestBed } from '@angular/core/testing';

	import { UserComponent } from './user.component';
	import { UserService } from './user.service';

	describe('UserComponent', () => {

	beforeEach(async(() => {
	TestBed.configureTestingModule({
	declarations: [UserComponent]