javascript - GraphQL Angular Apollo 客户端 - 根据 HTML 中的复选框值使用动态字段进行查询

Question

下面是角度 HTML 和组件逻辑，在具有两个复选框的表单上单击“提交”时从 html 调用“doGetQuerySpecific()”方法。我需要将这些复选框逻辑映射到 GQL 查询，如组件代码中所示。我想实现的逻辑在下面以某种方式得到满足，但这是最佳方式吗？除了使用 if 和 else if 条件之外的任何其他方式！！！

我的 .HTML：

            <form action="" (ngSubmit)="doGetQuerySpecific(p2)" #p2="ngForm">
                <div class="form-check">
                    <input type="checkbox" name="name" id="name" value="name" ngModel class="form-check-input">
                    <label class="form-check-label" for="name">Name</label>
                </div>
                <br>
                <div class="form-check">
                    <input type="checkbox" name="access" id="access" value="access" ngModel class="form-check-input">
                    <label class="form-check-label" for="access">Access</label>
                </div>

                <br>
                <br>
                <button type="submit" class="btn btn-danger">Get</button>
            </form>

我的 .ts 代码：

doGetQuerySpecific(form: NgForm) {
    this.toHTML = 'Loading...'
    var name1 = false;
    var access1 = false;
    name1 = form.value.name;
    access1 = form.value.access;

    if (name1 == true && access1 == true) {
      var GET_Specific = gql`
      query {
        hello {
          id
          name
          access
        }
      }
      `;
    }

    else if (name1 == true && access1 == false) {
      var GET_Specific = gql`
      query {
        hello {
          id
          name
        }
      }
      `;
    }
}