Jean-Charles ByJC

ByJC / progressbar.html

Created February 1, 2017 11:12

<md-progress-bar mode="indeterminate" color="accent" *ngIf="isDisplay" style="position:fixed"></md-progress-bar>

ByJC / progressbar.component.ts

Created February 1, 2017 11:04

	import { Component, OnInit } from '@angular/core';
	import { Observable } from 'rxjs/Observable';
	import { ProgressBarService } from './progressbar.service';

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

ByJC / asyncPipe.html

Created January 26, 2017 17:23

	<div *ngFor="let result of results \| async">
	<p>{{result}}</p>
	</div>

ByJC / formControl.component.ts

Last active January 26, 2017 17:08

	export class FormControlComponent {

	myControl = new FormControl();
	results: Observable<any[]>;

	constructor(public http: Http) {
	this.results = this.myControl.valueChanges
	.startWith('someValue')
	.map(text => new formatQuery(text)) // generate a url
	.switchMap(url => this.http.get(url), (_, res)=> res.json());

ByJC / formControl.html

Created January 26, 2017 16:51

ByJC / formControl.ts

Last active January 26, 2017 16:39

	myControl = new FormControl();

	constructor() {
	this.myControl.valueChanges
	.map(text => console.log(text))
	.subscribe();
	}

ByJC / example.component.ts

Last active January 26, 2017 12:49

	import { Component, OnInit } from '@angular/core';
	import { Http } from '@angular/http';
	import { Observable } from 'rxjs/Observable';

	import { ExampleService } from './example.service'

	import 'rxjs/Rx';
	import 'rxjs/add/observable/forkJoin';
	import 'rxjs/add/operator/mergeMap';

ByJC / example.service.ts

Created January 26, 2017 12:42

	import { Http } from '@angular/http';
	import { Injectable } from '@angular/core';

	@Injectable ()
	export class ExampleService {

	constructor(public http: Http) {}

	getDataA() {
	return this.http.get('http://www.server.com/dataA').map(res => res.json());

ByJC / flatMap.example.ts

Created January 26, 2017 12:29

	import { Component, OnInit } from '@angular/core';
	import { Http } from '@angular/http';
	import { Observable } from 'rxjs/Observable';

	import 'rxjs/Rx';
	import 'rxjs/add/operator/mergeMap';

	@Component({
	selector: 'example-flatMap',
	templateUrl: 'flat-map.component.html'

ByJC / forkJoin.example.ts

Last active January 26, 2017 11:02

	import { Component, OnInit } from '@angular/core';
	import { Http } from '@angular/http';
	import { Observable } from 'rxjs/Observable';

	import 'rxjs/Rx';
	import 'rxjs/add/observable/forkJoin';

	@Component({
	selector: 'example-fork-join',
	templateUrl: 'fork-join.component.html'