下载源码,npm i
安装包以后,启动,查看怎么使用的!
如果要修改message的默认配置,你可以设置提供商NZ_MESSAGE_CONFIG的值来修改。
(如:在你的模块的providers中加入 { provide: NZ_MESSAGE_CONFIG, useValue: { nzDuration: 3000 } },NZ_MESSAGE_CONFIG可以从ng-zorro-antd导入)
{
nzDuration : 1500,
nzMaxStack : 7,
nzPauseOnHover : true,
nzAnimate : true
}
0.5版本的module中:
export class NgZorroAntdModule {
static forRoot(options?: NzRootConfig): ModuleWithProviders {
return {
ngModule: NgZorroAntdModule,
providers: [
// Services
NzNotificationService,
NzMessageService,
{ provide: NZ_ROOT_CONFIG, useValue: options },
]
};
}
}
0.7以上版本如何启动项目:
ng-zorro-antd/docs/contributing.zh-CN.md
开发流程
在你 clone 了 ng-zorro-antd 的代码并且使用 npm install 安装完依赖后,你还可以运行下面几个常用的命令:
npm run site:start 在本地运行 NG-ZORRO 的网站。
npm run lint 检查代码风格。
npm run test 运行测试。
npm run generate 构建 ng-zorro-antd 到 publish 目录。
为什么本地跑源码字体图标是没有的???
D:\ksApp\cloud\src\app\ngdesign\style\themes\default.less中:
// ICONFONT
@iconfont-css-prefix : anticon;
@icon-url : “https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i“;
这个地址访问不到,所以我们修改了,把这几个地址,放在本地,那么可以请求到字体图标了;
注意加后缀!
url('@{icon-url}.woff') format('woff'),
/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('@{icon-url}.ttf') format('truetype'),
/* iOS 4.1- */
url('@{icon-url}.svg#iconfont') format('svg');
字体图标的问题可以解决!
学会了怎么学习源码,和分析问题啊!!!