ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的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)