| <div class="content__title"> | 
|   <h1>Read & Write zip file, | 
|     <a href="//ng-alain.com/components/zip" target="_blank">Document</a> | 
|   </h1> | 
| </div> | 
| <nz-card nzTitle="解压"> | 
|   <button nz-button (click)="url()">Via Url</button> | 
|   <input type="file" (change)="change($event)" multiple="false" class="ml-sm" /> | 
|   <ol> | 
|     <li *ngFor="let i of list">{{i | json}}</li> | 
|   </ol> | 
| </nz-card> | 
| <nz-card nzTitle="压缩" *ngIf="instance"> | 
|   <button nz-button (click)="data.push({})" [nzType]="'primary'">new</button> | 
|   <button nz-button (click)="download()" class="ml-sm">download</button> | 
|   <nz-table [nzData]="data" [nzFrontPagination]="false" [nzShowPagination]="false" class="mt-sm"> | 
|     <thead> | 
|       <tr> | 
|         <th> | 
|           <span>path</span> | 
|         </th> | 
|         <th> | 
|           <span>url</span> | 
|         </th> | 
|       </tr> | 
|     </thead> | 
|     <tbody> | 
|       <tr *ngFor="let i of data; let index = index"> | 
|         <td> | 
|           <input nz-input [(ngModel)]="i.path" name="path{{index}}"> | 
|         </td> | 
|         <td> | 
|           <input nz-input [(ngModel)]="i.url" name="url{{index}}"> | 
|         </td> | 
|       </tr> | 
|     </tbody> | 
|   </nz-table> | 
| </nz-card> |