企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 引言 该组件目前在所有前端项目中应用,因为该组件属于早期项目,故缺失了很多功能点,在日后希望能延展开发,补齐缺失; ### 第一步 将组件`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)