小编Dav*_*ave的帖子

如何在Angular 2中重新加载相同的组件？

这是我的代码如下:

import { Component, OnInit, ElementRef, Renderer } from '@angular/core';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { productModel } from '../_models/index';
import { categoryListService } from '../_services/index';

@Component({
  selector: 'app-product',
  templateUrl: 'product.component.html',
  styleUrls: ['product.component.css']
})
export class productComponent implements OnInit {
  uidproduct: productModel;
  param: number;
  constructor(
    private elementRef: ElementRef,
    private route: ActivatedRoute,
    private router: Router,
    private categoryListService: categoryListService) { }

  ngOnInit() {
    this.route.params.subscribe(product => {
      console.log('logging sub product obj', product);
    });
    this.uidproduct = JSON.parse(sessionStorage.getItem('product'));
    var …

我正在寻找一种在使用 GraphQL 时使开发人员工作流程更高效的方法。

目前，graphql-code-generator用于从前端的 GraphQL 服务器生成类型。

这很好，但这只是生成类型。为了生成突变、查询和订阅的方法，我需要为前端项目中的每个操作创建一个 GraphQL 文档，例如：

file addPost.graphql

mutation addPost {
...
}
...

我发现必须创建一个额外的addPost.graphql来生成该方法有点多余，因为它已经在我的 GraphQL 服务器上声明。

是否有插件/配置可以生成我可以在我的项目中使用的这些方法，而无需手动创建额外的 GraphQL 文档？

这是我的 GraphQL 生成器 yml 文件

# graphql-generator.yml
overwrite: true
schema: https://localhost:8088/query
documents: ./libs/**/*.graphql          <----- generating these *.graphql files would be great! 
generates:
  libs/graphql/src/lib/generated/graphql.ts:
    plugins:
      - "typescript"
      - "typescript-resolvers"
      - "typescript-operations"
      - "typescript-apollo-angular"
  ./graphql.schema.json:
    plugins:
      - "introspection"