## 引言
該組件目前在所有前端項目中應用,因為該組件屬于早期項目,故缺失了很多功能點,在日后希望能延展開發,補齊缺失;
### 第一步
將組件`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)
