-
-
-
-
-
-
-
{{ title }} app is running!
-
-
-
-
-
-
-
Resources
-
Here are some links to help you get started:
-
-
-
-
-
Next Steps
-
What do you want to do next with your app?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Run and Watch Tests
-
-
-
-
-
-
Build for Production
-
-
-
-
-
-
ng generate component xyz
-
ng add @angular/material
-
ng add _____
-
ng test
-
ng build --prod
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index 9e4978f..d183def 100644
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -19,13 +19,13 @@ describe('AppComponent', () => {
it(`should have as title 'upload-progress'`, () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
- expect(app.title).toEqual('upload-progress');
+ expect(app.title).toEqual('uploadBtn-progress');
});
it('should render title', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
- expect(compiled.querySelector('.content span').textContent).toContain('upload-progress app is running!');
+ expect(compiled.querySelector('.content span').textContent).toContain('uploadBtn-progress app is running!');
});
});
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index fe3cc40..2be0df3 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,10 +1,66 @@
-import { Component } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, OnDestroy, ViewChild } from '@angular/core';
+import { BehaviorSubject, fromEvent, Observable, Subscription } from 'rxjs';
+import { exhaustMap, filter, map, startWith, switchMap, takeUntil } from 'rxjs/operators';
+import { HttpClient, HttpEventType, HttpProgressEvent } from '@angular/common/http';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
- styleUrls: ['./app.component.css']
+ styleUrls: ['./app.component.css'],
+ changeDetection: ChangeDetectionStrategy.OnPush
})
-export class AppComponent {
- title = 'upload-progress';
+export class AppComponent implements AfterViewInit, OnDestroy {
+ private inputEvent: Subscription;
+ public progressBarWidth = new BehaviorSubject
-