如何解决GraphQL Angular Apollo Client - 根据 HTML 中的复选框值查询动态字段
下面是 Angular 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
}
}
`;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。