DevExtreme和Aurelia的整合
DevExtreme支持dxDataGrid的示例页面上显示的角度指令。 我怎样才能达到与Aurelia相同的目标？
显示集成的示例：
https://www.youtube.com/watch?v=iIZj6hOFg0o
http://blog.falafel.com/getting-started-with-devexpress-and-angularjs/
DevExtreme不支持与Aurelia即开即用的集成。
但是您可以尝试为某个DevExtreme小部件创建自定义元素。
你可能想看看Stefan Heim的工作。 他创建了DevExtreme / Aurelia集成的一些原型示例。 有一个GitHub存储库和演示可用：
https://github.com/stenet/aurelia-devextreme
http://stefan.96.lt
最基本的方案遵循以下步骤：
1）使用aurelia-cli创建一个新的Aurelia应用程序：au new
2）安装jquery： npm install jquery --save
3）安装devextreme： npm install devextreme --save
这里是棘手的部分...在aurelia_project中打开aurelia.json并将其添加到vendor-bundle.js依赖项（也可以使用dx.all）：
{
"name": "devextreme",
"path": "../node_modules/devextreme/dist",
"main": "js/dx.web"
}
添加devextreme css到index.html：
<head>
...
<!-- DevExtreme themes -->
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/17.2.4/css/dx.common.css" />
<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/17.2.4/css/dx.light.css" />
...
</head>
然后，app.js和app.html中的一个简单示例如下所示：
app.html
<template>
<div id="grid"></div>
</template>
app.js
export class App {
attached() {
$('#grid').dxDataGrid({
dataSource: [{id: 1, name: 'Test'}]
});
}
}