---
order: 0
title:
  zh-CN: 基础
  en-US: Basic
---

## zh-CN

下载一个文件。

## en-US

Download a file.

```ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-demo',
  template: `
    <button
      *ngFor="let i of fileTypes"
      nz-button
      down-file
      [http-data]="data"
      http-url="./assets/demo{{ i }}"
      file-name="demo中文"
      class="mr-sm"
    >
      {{ i }}
    </button>
  `,
})
export class DemoComponent {
  fileTypes = ['.xlsx', '.docx', '.pptx', '.pdf'];

  data = {
    otherdata: 1,
    time: new Date(),
  };
}
```