Ionic2集成DevExtreme
Posted 抱影无眠
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic2集成DevExtreme相关的知识,希望对你有一定的参考价值。
安装Install DevExtreme Angular
npm install --save devextreme devextreme-angular
或者在package.json 文件中增加依赖
"devextreme": "^17.1.5",
"devextreme-angular": "^17.1.5",
?
导入DevExtreme模块,可以单独导入也可以完全导入
?
//Imports a separate module
import { DxButtonModule } from ‘devextreme-angular/ui/button‘;
?
//Imports the entire DevExtreme
import { DevExtremeModule } from ‘devextreme-angular‘;
?
@NgModule({
...
imports: [
...
DevExtremeModule,
...
]
})
?
应用DevExtreme样式
DevExtreme的样式文件目录在 node-modules\devextreme\dist\css
将所需要的样式文件复制到 src/asserts/css目录下
在index.html文件中链接样式文件
<link href="assets/css/dx.common.css" rel="stylesheet">
<link href="assets/css/dx.light.css" rel="stylesheet">
?
使用DevExtreme Component
. . .
<ion-content padding>
<h3>Welcome to your first Ionic app!</h3>
<dx-button text="Hello world"></dx-button>
. . .
以上是关于Ionic2集成DevExtreme的主要内容,如果未能解决你的问题,请参考以下文章
如何将 Docusign 的电子签名 API 与 .NET 后端和 Angular + Devextreme 前端集成?
跨平台开发框架DevExtreme v19.1.4正式发布|附下载
DevExpress团队在行动!DevExtreme 2020全新起航——v19.2.6发布