typescript-antd下载组件
时间: 2023-11-24 16:51:09 浏览: 140
为了在TypeScript中使用Ant Design组件,需要先安装ng-zorro-antd依赖包。可以通过以下命令进行安装:
```shell
npm install ng-zorro-antd --save
```
安装完成后,在app.module.ts文件中导入NgZorroAntdModule模块,并将其添加到imports数组中。如果需要使用具有动画效果的组件,还需要导入BrowserAnimationsModule模块。示例如下:
```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgZorroAntdModule } from 'ng-zorro-antd';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
NgZorroAntdModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
安装完成后,即可在组件中使用Ant Design的UI组件。例如,在组件的HTML文件中使用Button组件:
```html
<button nz-button nzType="primary">Primary Button</button>
```
阅读全文