15、基于GraphQL和Apollo的Angular待办事项应用开发

基于GraphQL和Apollo的Angular待办事项应用开发

1. 访问数据数组

在代码中，填充项目数组固然重要，但如果无法在其他地方访问这些项目，这个类的作用就不大了。为了实现访问，我们可以添加一个 Items 属性：

get Items(): TodoItem[] {
  return this.items;
}

2. 创建GraphQL模式

在数据库代码就绪后，我们开始编写GraphQL服务器。为了简化代码编写过程，我们选择使用 type-graphql 。
首先，通过以下命令安装相关依赖：

npm install type-graphql @types/graphql reflect-metadata --save

同时，将 tsconfig 文件配置如下：

{
  "compileOnSave": false,
  "compilerOptions": {
    "target": "es2016",
    "module": "commonjs",
    "lib": ["es2016", "esnext.asynciterable", "dom"],
    "outDir": "./dist",
    "noImplicitAny": true,