Skip to main content

Posts

Showing posts from October, 2019

Convert Base64 code to PDF file in Angular

Component.ts: import { DomSanitizer } from '@angular/platform-browser' ; base64Code = 'your base64 code ' ; byteCharacters : any ; pdfUrl : any ; constructor ( public sanitizer : DomSanitizer ) { } convertToPdf () { // tslint:disable-next-line:max-line-length this . byteCharacters = this . base64Code ; // atob() function decodes a string of data which has been encoded using base-64 encoding const byteCharacters = atob ( this . base64Code ); const byteNumbers = new Array ( byteCharacters . length ); for ( let i = 0 ; i < byteCharacters . length ; i ++) { byteNumbers [ i ] = byteCharacters . charCodeAt ( i ); } const byteArray = new Uint8Array ( byteNumbers ); const blob = new Blob ([ byteArray ], { 'type' : 'application/pdf' }); this . pdfUrl = URL . createObjectURL ( blob ); } Component.html: < embed [src] = "sanitizer.bypassSecurityTr

ngb-tabset active or select a tab programmatic using Angular

Component.ts: import { NgbTabset } from '@ng-bootstrap/ng-bootstrap' ; @ ViewChild ( 'tabs' )   private tabs : NgbTabset ;   ngAfterViewInit () {             this . tabs . select ( 'tab2' ); //tab-id   } Component.html: < ngb-tabset #tabs > < ngb-tab title = "tab1" id = "tab1" > </ ngb-tab > < ngb-tab title = "tab2" id = "tab2" > </ ngb-tab > </ ngb-tabset >