如何将用户输入作为键值或变量从 Html 传递到将 js 表达到 mongodb 数据库?

Question

我想获取用户输入的值并将其作为键值传递，这甚至可能吗？所以在它说/hand-hold？handhold=userinput的地方，我希望用户输入是用户每次键入的内容。

非常感谢对此的任何帮助。

app.component.ts

setHandHold(val){this.http.patch('http://localhost:3000/api/simulation/hand-hold?handhold=userinput', {
})
.subscribe(data => {
console.log(data);
});
}

app.component.html

<label class="h3-responsive white-text"> Enter Handhold Value: </label>
<br>
<div id= "handholds">
<input type="text" id = "handhold"  value="">
<script>
var val = "test";
document.getElementById("handhold").value = val;
</script>
<input type="button" class="btn btn-primary btn-sm" value="Submit" (click)= "setHandHold(val)">
<br>
</div>

Answer 1

在${}中放置一个变量，Javascript 将解释该值。

例如

const a = 'a';
console.log(`${a}b`); // ab

将其应用于您的情况，您可以按如下方式动态修补：

setHandHold(val){
this.http.patch(`http://localhost:3000/api/simulation/hand-hold?handhold=${val}`, {
})
.subscribe(data => {
console.log(data);
});
}

请注意，您需要将字符串括在一组 's 而不是引号中。