Wondering what’s next for npm?Check out our public roadmap! »

angular1-apollo

0.3.0 • Public • Published

angular1-apollo

npm version Get on Slack bitHound Overall Score

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

See documentation

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

See documentation

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.

Keywords

none

Install

npm i angular1-apollo

DownloadsWeekly Downloads

1,000

Version

0.3.0

License

MIT

Last publish

Collaborators

  • avatar