## 引言
该组件目前在所有前端项目中应用,因为该组件属于早期项目,故缺失了很多功能点,在日后希望能延展开发,补齐缺失;
### 第一步
将组件`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)