# wp-angularjs
[](https://travis-ci.org/miya0001/wp-angularjs)
A WP-API Client for [AngularJS](https://angularjs.org/).
## Getting Started
```
$ npm install wp-angularjs --save
```
```html
WP-Angular
```
Demo: http://miya0001.github.io/wp-angularjs/demo/
## Requires
* [AngularJS](https://angularjs.org/)
* [ngResource](https://github.com/angular/angular.js/tree/master/src/ngResource)
* [ngSanitize](https://github.com/angular/angular.js/tree/master/src/ngSanitize)
Recommended:
* [ngInfiniteScroll](https://sroze.github.io/ngInfiniteScroll/)
* [jQuery](https://jquery.com/)
## API Reference
{{#module name="wp"}}
{{#children inherited=undefined ~}}
* [<{{name}}>](#{{name}})
{{/children~}}
{{/module}}
---
{{#module name="wp"}}
{{#children inherited=undefined ~}}
### <{{name}}>
{{>description~}}
{{>examples~}}
---
{{/children~}}
{{/module}}
## Creates your custom template tag
```js
// Registers your module, you should import `wp`.
var myapp = angular.module( "myapp", [ "wp" ] );
// Creates a `` as custom template tag.
// If you place it in your HTML,
// then you can get `Hello`.
myapp.directive( "myPermalink", [ '$sce', function( $sce ) {
return{
restrict:'E',
replace: true,
require : '^havePosts',
compile: function( tElement, tAttrs, transclude ) {
return {
post: function postLink( scope, element, attrs, controller ) {
var post = scope.$parent.post; // post object
scope.post_id = post.id;
scope.title = post.title.rendered;
}
}
},
template: "\{{ title }}"
}
} ] );
```
## Enables Infinite Scroll
Please load [ngInfiniteScroll](https://sroze.github.io/ngInfiniteScroll/) like following.
```html
```
Add `infinite-scroll` as a dependency.
```js
angular.module( "app", [ "wp", "infinite-scroll" ] );
```
That's it.
## How to contribute
```
$ npm install
```
Run testing.
```
$ npm test
```
Build `js/wp-angular.min.js`.
```
$ npm run build
```
Build documentation.
```
$ npm run docs
```