• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript apollo-angular.Apollo类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中apollo-angular.Apollo的典型用法代码示例。如果您正苦于以下问题:TypeScript Apollo类的具体用法?TypeScript Apollo怎么用?TypeScript Apollo使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。



在下文中一共展示了Apollo类的9个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: constructor

 constructor(
   private apollo: Apollo,
   private tokenService: TokenService,
   private modalService: ModalService
 ) {
   const uploadLink = createUploadLink({ uri: uri });
   const authLink = createAuthLink(tokenService);
   const errorLink = createErrorLink(modalService);
   apollo.create({
     link: ApolloLink.from([authLink, errorLink, uploadLink]),
     cache: new InMemoryCache(),
     queryDeduplication: true,
     defaultOptions: {
       mutate: {
         errorPolicy: 'all'
       },
       query: {
         errorPolicy: 'all'
       },
       watchQuery: {
         errorPolicy: 'all'
       }
     }
   });
 }
开发者ID:ngocdiep,项目名称:nd,代码行数:25,代码来源:graphql.module.ts


示例2: constructor

 constructor(apollo: Apollo, httpLink: HttpLink) {
   apollo.create({
     // By default, this client will send queries to the
     // `/graphql` endpoint on the same host
     link: httpLink.create({ uri: Meteor.absoluteUrl('/graphql') }),
     cache: new InMemoryCache(),
   });
 }
开发者ID:Urigo,项目名称:angular-meteor,代码行数:8,代码来源:app.module.ts


示例3: get

 get(): ApolloQueryObservable<PostsInterface> {
     // Query posts data with observable variables
     this.posts = this.apollo.watchQuery<PostsInterface>({
         query: GetPostsQuery,
     })
         // Return only posts, not the whole ApolloQueryResult
         .map(result => result.data.posts) as any;
     return this.posts;
 }
开发者ID:dgayathiri,项目名称:mean,代码行数:9,代码来源:posts.service.ts


示例4: ngOnInit

 ngOnInit() {
   this.apollo.watchQuery<QueryResponse>({
     query: CurrentProfile
   }).subscribe(({data}) => {
     this.currentProfile = data.profile;
   });
 }
开发者ID:dgayathiri,项目名称:mean,代码行数:7,代码来源:profile.component.ts


示例5: Promise

 return new Promise((resolve, reject) => {
     this.apollo.mutate<DeletePostInterface>({
         mutation: RemovePostMutation,
         variables: {
             "id": id
         },
     })
         .take(1)
         .subscribe({
             next: ({ data }) => {
                 console.log('delete post', data.removePost);
                 // update data
                 resolve({
                     success: true,
                     message: `Post #${id} deleted successfully  `
                 });
             },
             error: (errors) => {
                 console.log('there was an error sending the query', errors);
                 reject({
                     success: false,
                     message: errors
                 })
             }
         });
 });
开发者ID:dgayathiri,项目名称:mean,代码行数:26,代码来源:posts.service.ts


示例6: save

 public save() {
   if (!this.form.valid) return;
   this.apollo.mutate({
     mutation: AddPostMutation,
     variables: {
       "data": {
         "title": this.form.value.title,
         "content" :this.form.value.content
       }
     },
     refetchQueries: [{
       query: GetPostsQuery,
     }],
   })
   .take(1)
     .subscribe({
       next: ({ data }) => {
         console.log('got a new post', data);
         // get new data      
         this.router.navigate(['/posts']);
       }, error: (errors) => {
         console.log('there was an error sending the query', errors);
       }
     });
 }
开发者ID:dgayathiri,项目名称:mean,代码行数:25,代码来源:new-post.component.ts


示例7: getPage

 getPage(paging) {
   return this.apollo.query({
     query: getPage,
     variables: { offset: paging.offset, first: paging.first },
     fetchPolicy: 'no-cache'
   });
 }
开发者ID:ngocdiep,项目名称:nd,代码行数:7,代码来源:post.service.ts


示例8: submitContactRequest

 submitContactRequest(contactRequest: ContactRequest): Observable<Date> {
   return this.apollo
     .mutate({
       mutation: submitContactRequest,
       variables: { name: contactRequest.name, email: contactRequest.email, message: contactRequest.message },
     })
     .pipe(map((result: FetchResult<ContactResponse>) => new Date(result.data.submitContactRequest.sentAt)));
 }
开发者ID:fischermatte,项目名称:geolud,代码行数:8,代码来源:contact.service.ts


示例9:

 this.apollo.mutate(Object.assign({ mutation: gql`${queryStr}` }, options)).subscribe(res => {
   // Clear cache immediatelly after a save operation
   this.apollo.getClient().clearStore()
     .catch(ex => Logger.log(ex))
     .finally(() => {
       observer.next(res);
       observer.complete();
     });
 });
开发者ID:OysteinAmundsen,项目名称:gymsystems,代码行数:9,代码来源:graph.service.ts



注:本文中的apollo-angular.Apollo类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript apollo-angular-link-http.HttpLink类代码示例发布时间:2022-05-25
下一篇:
TypeScript apisauce.create函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap