ngProgress | ⏳ Angular provider for slim loading bar | Frontend Framework library

I am using ngx-progressbar bar in Angular 2 application. When app loading first it is working fine. second time it is showing error. I referred few article like medium.com for subscribe object. I did't get clearly. I need to make progress bar every time when click the router links.

I attached error snapshot:

progress bar code:

I try the demo code "https://stackblitz.com/edit/ngx-progressbar?file=src%2Fapp%2Fapp.component.ts". On this website is success.

Then I take this demo code to my project. why can't i see progress bar when i use http requests?

I've been put on someone else's code and there is a class that is used as a base for other component. When I'm trying to ng serve --aot (or build --prod) I get the following.

I am using angular 4 in my app. I implemented a download funtionality which will be processed after clicking one button. When download will finished user will see the download link below. Now the download data are coming from rest api. I am using ngx-progressbar to show progress while downloading. When user will click the download button each time he will get a notification "OK" or "Not Ok" (if error occurs in newtwork). I am very new in handling angular stuff now. I would like to disable the button while download is in progress.But in my case all the timeI can click the button, even it is in progress. I would like to kno whow can I make my button disabled. Here is my code. I am giving only related code for that

RESOLVED CODE

angular.ts

Basically, i have this kind of logic that is same across all resolvers. I have problem to make it reusable to other resolver.

Here my example:

I'am using the NgProgress for a component and it's working fine and also when running an unit test.

I did implement an upgrade for HttpModule using the HttpClientModule which looks fine. My issue is that when I run the unit test I get following error:

[object ErrorEvent] thrown

Error: StaticInjectorError[NgProgress]: StaticInjectorError[NgProgress]: NullInjectorError: No provider for NgProgress!

The error is normally explaining itself, but I just can't get rid of it and fix it.

Is there any fix for that or a workaround? Did I miss any update or upgrade regarding NgProgress?

app.component.ts:

I am trying to add validation to ui.grid. I injected 'ui.grid.edit', 'ui.grid.validate' to my module. still it's throwing the error.

Error: [$injector:modulerr] Failed to instantiate module ui.grid.validate due to: ReferenceError: isUndefined is not defined

Below is my code:

I'm making an app in Angular 1.5.8 with ui-router 1.0.3. Ui router's hooks are great but they are not working on browser reload.

Here is my config block for registering states:

I'm authenticating an angular app code given below, Basically I'm checking token from backend called if token is valid then we can allow users to view allowed page.

It's working somewhat but problem is when I'm going to /jobs page is somewhat loading then redirecting to login page but i don't want to show jobs page initially for few seconds it should be redirect quickly or it will not load jobs page.

In app.js