Barna Tóth Hacklone

## NpmPackageMetersByHacklone.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                Hacklone
                / NpmPackageMetersByHacklone.md
            
            
              Last active
              June 21, 2017 11:16
            
              
                NPM package meters by Hacklone
              
          
    private-bower


angular2-cool-http


## angular2-cool-http-usage.ts
constructor(private _http: CoolHttp) { }

async ngOnInit() {
  // await async api call
  const response = await this._http.getAsync('/api/request');

  console.log(response);
}

## angular2-cool-loading-indicator-custom.ts
@Component({
    selector: 'my-app',
    template: `
        <div *ngIf="showLoadingIndicator" class="my-loading-indicator">
        </div>
    `
})
export class MyAppComponent {
    constructor(private http: Http) {
    }

## angular2-cool-loading-indicator-template.html
<cool-loading-indicator [indicatorDelay]="500">
  <div>This is you incredible custom loading indicator element</div>
</cool-loading-indicator>

## angular2-cool-loading-indicator-code.ts
import { CoolHttp } from 'angular2-cool-http';

@Component({
  selector: 'my-app',
  template: `
    <div>
      {{ data }}
    </div>
  `
})
	constructor(private _http: CoolHttp) { }

	async ngOnInit() {
	// await async api call
	const response = await this._http.getAsync('/api/request');

	console.log(response);
	}
	@Component({
	selector: 'my-app',
	template: `
	<div *ngIf="showLoadingIndicator" class="my-loading-indicator">
	</div>
	`
	})
	export class MyAppComponent {
	constructor(private http: Http) {
	}
	<cool-loading-indicator [indicatorDelay]="500">
	<div>This is you incredible custom loading indicator element</div>
	</cool-loading-indicator>
	import { CoolHttp } from 'angular2-cool-http';

	@Component({
	selector: 'my-app',
	template: `
	<div>
	{{ data }}
	</div>
	`
	})