Angular2 ng2 bootstrap datepicker directive daterangepicker

In this article, we will discuss how to add daterangepicker in Angular2 app. Last week in the project there was a requirement to use daterangepicker. But after hell lot of research, I was not able to get any single lib in angular2 but it was available in jquery. So after searching on how to use jquery in angular 2 I came across this git example, using which I was…


Angular2 disable page, conditionally add dynamic css

In this article, we will disable a page or div on clicking a button or till the method is completely executed. Use case: While downloading a content we want to disable a page or div and on completion of download we will give access to page/div. This is Github link of this project: Disable div/page What we will learn Dynamically adding-removing css in Angular2 Disabling div/page Using Timeout’s in…


Angular 2 PDF Viewer and thumbnail creation

In this article, we will create a thumbnail of PDF and on clicking that thumbnail we will view that PDF in HTML5’s iframe tag. We can think like a pdf file is just a collections of images and based upon the viewport we can scale that image so to create a thumbnail we will select the first page/image of pdf and scale it to thumbnail…