🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 引言 该组件目前在所有前端项目中应用,因为该组件属于早期项目,故缺失了很多功能点,在日后希望能延展开发,补齐缺失; ### 第一步 将组件`dist`中的两个文件引入,文件包括`zhx-data.grid.css`和`zhx-data-grid.js`; ### 第二步 在需要使用的模块中注入组件**zhxDataGrid**.如果你认为该组件会在全局很多地方使用,则可以在总模块`ng-app`对应的模块中注入即可.例如: ```js var app = angular.module('myproject',['zhxDataGrid']); ``` ###第三步 在模板文件中引入组件指令: ```js <zhx-grid options="gridOptions"></zhx-grid> ``` ###第四步 接下来,就可以在控制器`controller`中对组件进行配置(通过上面的`gridOptions`双向数据绑定进行配置),例如: ```js $scope.gridOptions = { gridData : data, scope : $scope, //... } ``` 具体配置项API请[参考这里](api.md)