# zr angular
[![Build Status](https://travis-ci.org/ZhongruiGroup/zr-angular.svg?branch=master)](https://travis-ci.org/ZhongruiGroup/zr-angular)
[![codecov](https://codecov.io/gh/ZhongruiGroup/zr-angular/branch/master/graph/badge.svg)](https://codecov.io/gh/ZhongruiGroup/zr-angular)
[![npm version](https://badge.fury.io/js/zr-angular.svg)](http://badge.fury.io/js/zr-angular)
[![devDependency Status](https://david-dm.org/ZhongruiGroup/zr-angular/dev-status.svg)](https://david-dm.org/ZhongruiGroup/zr-angular?type=dev)
[![GitHub issues](https://img.shields.io/github/issues/ZhongruiGroup/zr-angular.svg)](https://github.com/ZhongruiGroup/zr-angular/issues)
[![GitHub stars](https://img.shields.io/github/stars/ZhongruiGroup/zr-angular.svg)](https://github.com/ZhongruiGroup/zr-angular/stargazers)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/ZhongruiGroup/zr-angular/master/LICENSE)

## About

The angular4 component based on the'zr'project.

## Installation

Install through npm:
```
npm install --save zr-angular
```

Then include in your apps module:

```typescript
import { NgModule } from '@angular/core';
import { ZrAngularModule } from 'zr-angular';

@NgModule({
  imports: [
    ZrAngularModule.forRoot()
  ]
})
export class MyModule {}
```

Finally use in one of your apps components:
```typescript
import { Component } from '@angular/core';

@Component({
  template: '<app-datatable-footer [datatable]="datatable"></app-datatable-footer>'
})
export class MyComponent {}
```

### Usage without a module bundler
```
<script src="node_modules/zr-angular/bundles/zr-angular.umd.js"></script>
<script>
    // everything is exported zrAngular namespace
</script>
```