本文整理匯總了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'
}
}
});
}示例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(),
});
}示例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;
}示例4: ngOnInit
ngOnInit() {
this.apollo.watchQuery<QueryResponse>({
query: CurrentProfile
}).subscribe(({data}) => {
this.currentProfile = data.profile;
});
}示例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
})
}
});
});示例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);
}
});
}示例7: getPage
getPage(paging) {
return this.apollo.query({
query: getPage,
variables: { offset: paging.offset, first: paging.first },
fetchPolicy: 'no-cache'
});
}示例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)));
}示例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();
});
});