问题描述: 在使用Angular Apollo时,当执行查询变异后,UI界面没有更新。
解决方法:
Apollo.query
或Apollo.mutation
方法来执行查询或变异操作。refetchQueries
选项,以便在变异完成后重新查询相关数据并更新UI。例如:this.apollo.mutate({
mutation: YOUR_MUTATION,
refetchQueries: [{
query: YOUR_QUERY
}]
}).subscribe();
refetchQueries
选项,以便在查询完成后刷新相关数据并更新UI。例如:this.apollo.query({
query: YOUR_QUERY,
refetchQueries: [{
query: YOUR_QUERY
}]
}).subscribe();
Apollo.watchQuery
方法来执行查询操作,并在查询结果发生变化时手动更新UI。例如:this.apollo.watchQuery({
query: YOUR_QUERY
}).valueChanges.subscribe((result: any) => {
// 更新UI
});