Angular相关UI框架的安装

jQWidgets

一. Angular Cli
1.通过Angualr Cli 手脚架创建 项目
2.安装对应的框架 jqwidgets-scripts ， cnpm install/i jqwidgets-scripts --save；
3.引入插件的基础样式 ，在.angular-cli.json styles 添加 "../node_modules/jqwidgets-scripts/jqwidgets/styles/jqx.base.css"；
4.在tsconfig.json 中添加：
"include": [
"src/**/*",
"node_modules/jqwidgets-scripts/jqwidgets-ts/**/*"
]
5.对应的模块引入相应插件模块即可使用；

二. jQWidgets 创建angular项目

1.安装 jqwidgets 命令 npm i -g create-jqwidgets-angular-app
2.使用create-jqwidgets-angular-app 命令创建 项目

 

primeNG

1.使用angular cli手脚架
2.npm安装primeNG模块 / npm install primeng --save 即可；

npm install @angular/animations --save

"dependencies": {
//...
"primeng": "^4.1.0",
"font-awesome": "^4.7.0"
}

"styles": [
"../node_modules/font-awesome/css/font-awesome.min.css",
"../node_modules/primeng/resources/themes/omega/theme.css",
"../node_modules/primeng/resources/primeng.min.css",
//...
],

 

ngx-bootstrap

1.使用angular cli手脚架
2.npm安装ngx-bootsatrap模块 / npm i/install ngx-bootstrap bootstrap --save 即可；
3.引入bootstrap 的css样式 打开 .angular-cli.json 文件
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css",
],