本文介绍了Angular学习笔记之集成三方UI框架、控件的示例,分享给大家,具体如下:
安装 Material UI 方法:
Material 官网:https://material.angular.io
step 1:
step 2:
step 3:
angular.cli
or
style.css
step 4:
index.html
step 5:
import {MatInputModule,MatCardModule,MatButtonModule} from "@angular/material";
import {browserAnimationsModule} from '@angular/platform-browser/animations';
imports:[
browserAnimationsModule,MatInputModule,MatButtonModule,]
安装 Ag-grid 的方法
Ag-grid 官网:https://www.ag-grid.com/
step 1:
step 2:
angular.cli
step 3:
app.module.ts
安装 NG-ZORRO 的方法
NG-ZORRO 官网:https://ng.ant.design/version/0.7.x/docs/introduce/zh
step 1:
step 2:
直接用下面的代码替换 /src/app/app.module.ts 的内容
注意:在根 module 中需要使用 NgZorroAntdModule.forRoot(),在子 module 需要使用 NgZorroAntdModule
@NgModule({
declarations: [
AppComponent
],imports: [
browserModule,FormsModule,HttpClientModule,browserAnimationsModule,NgZorroAntdModule.forRoot()
],bootstrap: [AppComponent]
})
export class AppModule { }
step 3:
修改 .angular-cli.json 文件的 styles 列表
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。