Как передать пользовательский ввод как значение ключа или переменную из 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);
});
}

Обратите внимание, что вам нужно заключить вашу строку в набор символов `вместо цитатызнаки.