angular1-apollo
v0.3.0
Published
Angular 1.0 client for Apollo
Downloads
2,955
Readme
angular1-apollo
Use your GraphQL server data in your Angular 1.0 app, with the Apollo Client.
Install
npm install angular1-apollo apollo-client --save
API
angular.module('app', [
'angular-apollo'
])
Default client
ApolloProvider.defaultClient
import AngularApollo from 'angular1-apollo'
import ApolloClient from 'apollo-client';
angular.module('app', [
AngularApollo
]).config((apolloProvider) => {
const client = new ApolloClient();
apolloProvider.defaultClient(client);
});
Queries
Apollo.query(options): Promise
import gql from 'graphql-tag';
angular.module('app')
.controller('AppCtrl', (apollo) => {
apollo.query({
query: gql`
query getHeroes {
heroes {
name
power
}
}
`
}).then(result => {
console.log('got data', result);
});
});
Mutations
Apollo.mutate(options): Promise
import gql from 'graphql-tag';
angular.module('app')
.controller('AppCtrl', (apollo) => {
apollo.mutate({
mutation: gql`
mutation newHero($name: String!) {
addHero(name: $name) {
power
}
}
`,
variables: {
name: 'Batman'
}
}).then(result => {
console.log('got data', result);
});
});
Development
This project uses TypeScript for static typing and TSLint for linting. You can get both of these built into your editor with no configuration by opening this project in Visual Studio Code, an open source IDE which is available for free on all platforms.