ng-zorro 入门使用

落日映苍穹つ 2022-05-24 07:58 116阅读 0赞

## 1. 创建项目 ##

1. ng new ccwserve
    2. cnpm install
    3. cnpm install ng-zorro-antd --save

## 2. 配置 ##

覆盖 `/src/app/app.module.ts` 中的文件内容

import { BrowserModule } from '@angular/platform-browser';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { NgModule } from '@angular/core';
    import { FormsModule } from '@angular/forms';
    import { HttpClientModule } from '@angular/common/http';
    import { NgZorroAntdModule } from 'ng-zorro-antd';
    import { AppComponent } from './app.component';
    
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpClientModule,
        BrowserAnimationsModule,
        NgZorroAntdModule.forRoot()
      ],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

## 3. 配置使用 ##

修改 `.angular-cli.json`文件的 `styles`列表

<button nz-button nzType="primary">Button</button>

## 4. 运行 ##

`ng serve --port 0 --open`

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 jconsole 使用入门

[官网参考][Link 1] 介绍 JConsole 图形用户界面是一种符合 Java 管理扩展 (JMX) 规范的监视工具。 JConsole 使用 Java 虚拟机

灰太狼/ 2022年09月10日 05:24/ 0 赞/ 198 阅读

相关 Elasticsearch入门使用

文章目录 Elasticsearch入门使用概念索引(index) 类型(ty

冷不防/ 2022年09月07日 06:23/ 0 赞/ 253 阅读

相关 elasticsearch入门使用

该文章基于：[http://blog.csdn.net/gl775307284/article/details/44731009][http_blog.csdn.net_gl7

秒速五厘米/ 2022年06月04日 08:16/ 0 赞/ 222 阅读

相关 github使用入门

写在前面：投简历的时候有有一项填写github的网址，对于我这个几个月前刚开始写技术博客的人来说，第一次发现github的认可度这么大有句话说，不懂github的c

港控/mmm°/ 2022年05月24日 00:21/ 0 赞/ 202 阅读

相关 EasyPoi使用入门

咱们在开发的时候，总会遇到需要通过代码操作办公软件的情况，而excel与word的操作最为频繁。当然我们[Java程序员][Java]可以选择JXL或者POI来完成相应的E

Myth丶恋晨/ 2022年04月18日 03:58/ 0 赞/ 1213 阅读

相关 angular7+ngzorro项目实战问题

ngzorro的nzWidth无效 .ant-table-thead > tr > th, .ant-table-tbody > tr > td

左手的ㄟ右手/ 2022年02月14日 03:54/ 0 赞/ 354 阅读

相关 OpenLayers 入门使用

使用 OpenLayers v5 版本入门一、 Openlayers 下载： [Openlayers 官网下载][Openlayers]（国外网

爱被打了一巴掌/ 2022年01月26日 08:13/ 0 赞/ 336 阅读

相关 angular7+ngzorro响应式表单验证

使用响应式表单在开发的过程中，经常会用到。使用响应式表单的不仅能够提高开发效率，并且还能有效减少冗余的代码，在表单校验的时候也更方面，并且结合ngzorro进行表单校验效果更完

小咪咪/ 2022年01月10日 06:17/ 0 赞/ 465 阅读

相关 TagSupport使用入门

Java代码 ![收藏代码][icon_star.png] 1. 定义最简单的标签 2. 自定义标签采用Default A

太过爱你忘了你带给我的痛/ 2021年09月10日 05:10/ 0 赞/ 376 阅读

相关 Summernote使用入门

Create.cshtml @model SN.Models.ProductModel @{ ViewBag.Title = "

r囧r小猫/ 2021年07月04日 19:58/ 0 赞/ 578 阅读