fix(module:progress): fix 100% when specify invalid value (NG-ZORRO#905)

hsuanxyz · Jan 15, 2018 · a021140 · a021140
1 parent d480687
commit a021140
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/progress/nz-progress.component.ts b/src/components/progress/nz-progress.component.ts
@@ -87,7 +87,7 @@ export class NzProgressComponent implements ControlValueAccessor, OnInit {
   }
 
   writeValue(value: number): void {
-    this._percent = value;
+    this._percent = value == null ? 0 : +value;
     if (this._percent === 100) {
       this.nzStatus = 'success';
     } else {

diff --git a/src/showcase/nz-demo-progress/nz-demo-progress-basic.component.ts b/src/showcase/nz-demo-progress/nz-demo-progress-basic.component.ts
@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'nz-demo-progress-basic',
   template: `
+    <nz-progress [ngModel]="value"></nz-progress>
     <nz-progress [ngModel]="30"></nz-progress>
     <nz-progress [ngModel]="50" [nzStatus]="'active'"></nz-progress>
     <nz-progress [ngModel]="70" [nzStatus]="'exception'"></nz-progress>
@@ -11,4 +12,6 @@ import { Component } from '@angular/core';
   `,
   styles  : []
 })
-export class NzDemoProgressBasicComponent { }
+export class NzDemoProgressBasicComponent {
+  value: number;
+}