- Notifications
You must be signed in to change notification settings - Fork82
Angular (>=2) services for WordPress WP-API(v2) or WP >= 4.7 (natively supports WP-API)
License
NotificationsYou must be signed in to change notification settings
wordpress-clients/wp-api-angular
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Angular >=2 services for WordPress >= 4.7 Rest API
================
Angular2 services to consumeWP-API v2
If you want to use AngularJS v1, here is the latest version:v2.0.0-rc3.npm i wp-api-angularjs@v2.0.0-rc3
npm install -g typingsnpm install wp-api-angular
Nothing special if you use TS
UMD files are availablewp-api-angular.umd.js andwp-api-angular.umd.min.js, theLive Demo uses them with systemJS
An exported functionWpApiLoaderFactory is mandatory to be used withAoT compilation orIonic 2.
import{Http}from'@angular/http';import{WpApiModule,WpApiLoader,WpApiStaticLoader}from'wp-api-angular'exportfunctionWpApiLoaderFactory(http:Http){returnnewWpApiStaticLoader(http,'http://YOUR_DOMAIN/wp-json/',/* namespace is optional, default: '/wp/v2' */);}@NgModule({imports:[BrowserModule,WpApiModule.forRoot({provide:WpApiLoader,useFactory:(WpApiLoaderFactory),deps:[Http]})],bootstrap:[App]})exportclassAppModule{}
Every method return an Obervable. If you want to get a Promise you will need to add the rxjstoPromise operator:
import'rxjs/add/operator/toPromise';classTest{constructor(privatewpApiPosts:WpApiPosts){this.wpApiPosts.getList().toPromise().then(response=>response.json()).then(body=>{}).catch(error=>{})}}
Every request can have an optionalRequestOptionsArgs object.
classRequestOptionsArgs{url :stringmethod :string|RequestMethodsearch :string|URLSearchParamsheaders :Headersbody :anywithCredentials :boolean}
This is where you can add query string to your request or change the headers (see below).
import { Headers } from '@angular/http';const headers = new Headers({ 'Content-Type': 'application/json;charset=UTF-8', 'Access-Control-Allow-Origin': '*', 'Access-Control-Max-Age': '1728000', 'Access-Control-Allow-Headers': 'Content-Type, Content-Range, Content-Disposition, Content-Description' 'Access-Control-Allow-Methods': 'DELETE, HEAD, GET, OPTIONS, POST, PUT'});wpApiPosts.getList({ headers });getList(options?:RequestOptionsArgs):Observable<Response>;get(postId,options?:RequestOptionsArgs):Observable<Response>;create(body: any,options?:RequestOptionsArgs):Observable<Response>;update(postId,body: any,options?:RequestOptionsArgs):Observable<Response>;delete(postId,options?:RequestOptionsArgs):Observable<Response>;getMetaList(postId,options?:RequestOptionsArgs):Observable<Response>;getMeta(postId,metaId,options?:RequestOptionsArgs):Observable<Response>;getRevisionList(postId,options?:RequestOptionsArgs):Observable<Response>;getRevision(postId,revisionId,options?:RequestOptionsArgs):Observable<Response>;getCategoryList(postId,options?:RequestOptionsArgs):Observable<Response>;getCategory(postId,categoryId,options?:RequestOptionsArgs):Observable<Response>;getTagList(postId,options?:RequestOptionsArgs):Observable<Response>;getTag(postId,tagId,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;get(pageId:number,options?:RequestOptionsArgs):Observable<Response>;create(body: any,options?:RequestOptionsArgs):Observable<Response>;update(pageId:number,body: any,options?:RequestOptionsArgs):Observable<Response>;delete(pageId:number,options?:RequestOptionsArgs):Observable<Response>;getMetaList(pageId:number,options?:RequestOptionsArgs):Observable<Response>;getMeta(pageId:number,metaId:number,options?:RequestOptionsArgs):Observable<Response>;getRevisionList(pageId:number,options?:RequestOptionsArgs):Observable<Response>;getRevision(pageId:number,revisionId: number,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;get(commentId: number,options?:RequestOptionsArgs):Observable<Response>;create(body: any,options?:RequestOptionsArgs):Observable<Response>;update(commentId: number,body: any,options?:RequestOptionsArgs):Observable<Response>;delete(commentId:number,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;get(postType: string,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;get(mediaId: number,options?:RequestOptionsArgs):Observable<Response>;create(body: any,options?:RequestOptionsArgs):Observable<Response>;update(mediaId: number,body: any,options?:RequestOptionsArgs):Observable<Response>;delete(mediaId:number,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;me(options?:RequestOptionsArgs):Observable<Response>;get(userId:number,options?:RequestOptionsArgs):Observable<Response>;create(body: any,options?:RequestOptionsArgs):Observable<Response>;update(userId:number,body: any,options?:RequestOptionsArgs):Observable<Response>;delete(userId:number,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;get(taxonomiesType: string,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;get(statusesName: string,options?:RequestOptionsArgs):Observable<Response>;
taxonomiesType can betags,categories and more.
getList(taxonomiesType: string,options?:RequestOptionsArgs):Observable<Response>;get(taxonomiesType: string,termId:number,options?:RequestOptionsArgs):Observable<Response>;create(taxonomiesType: string,body: any,options?:RequestOptionsArgs):Observable<Response>;update(taxonomiesType: string,termId:number,body: any,options?:RequestOptionsArgs):Observable<Response>;delete(taxonomiesType:string,termId:number,options?:RequestOptionsArgs):Observable<Response>;
getList(options?:RequestOptionsArgs):Observable<Response>;get(customId: number,options?:RequestOptionsArgs):Observable<Response>;create(body: any,options?:RequestOptionsArgs):Observable<Response>;update(customId: number,body: any,options?:RequestOptionsArgs):Observable<Response>;delete(customId:number,options?:RequestOptionsArgs):Observable<Response>;
TO BE DEFINED
npm installcp config.dist.json config.json# Open two terminals# and run watch to build on the lib files changesnpm run watch# in the other terminal run following to build the test pagenpm start
Openhttp://localhost:8080
About
Angular (>=2) services for WordPress WP-API(v2) or WP >= 4.7 (natively supports WP-API)
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.
Contributors5
Uh oh!
There was an error while loading.Please reload this page.