Download File From Api in Anuglar

// service 
   downloadFile(id: number): Observable<Blob>{
    return this.http.get(`downloadurl` + id,{
      responseType: 'blob'
    });
  }

//import in top of ts file
import { saveAs } from 'file-saver';
// compoment function
   onClickDownload(id:any, fileName: string){
    this.loader = true;
    this.Service.download(id).subscribe(
      (      blob: string | Blob) => saveAs(blob, '#'+fileName));
    setTimeout(() => {
      this.loader = false;
    }, 2000);
  }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

// service

downloadFile(id: number): Observable<Blob>{

return this.http.get(`downloadurl` + id,{

responseType: 'blob'

});

}

//import in top of ts file

import { saveAs } from 'file-saver';

// compoment ...

Posted in Angular 5, AngularJs No comments May 4, 2022

Use setTimeout without function

 setTimeout(()=>{
// your code
        }, 10000);

1

2

3

setTimeout(()=>{

// your code

}, 10000);

Posted in Ajax, Angular 5, AngularJs No comments May 9, 2020

Load dynamic abn tree data in AngularJs

HTML

<div class="panel-body" ng-controller="TreeCtrl">
	<div ng-show="showLoader" style="text-align:center;">
		<img src="assets/images/LoaderIcon.gif"> <!-- or any other spinner -->
	</div>
        <div class="box-tree">
        <span ng-if="doing_async">...loading...</span>
        <abn-tree ng-if="isInit" tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus" ></abn-tree>
        </div>
</div>

1

2

3

4

5

6

7

8

9

Posted in AngularJs One comment February 10, 2018

Recent Posts

Category AngularJs

Download File From Api in Anuglar

Use setTimeout without function

Load dynamic abn tree data in AngularJs

HTML