Angular 6 отправить пользовательский ввод на сервер

Question

Как передать пользовательский ввод из углового компонента в экспресс-сервер 'get router' и вернуть данные обратно?Это код, который у меня есть, и он возвращает undefined:

<input type="text" (keyup)="onNameKeyUp($event)">
<button (click)="getWords()">Get Profile</button>
<span>{{name}}'s translation is {{translation}}</span>

в файле component.ts, который я определил:

name: string;

onNameKeyUp(event: any){
this.name= event.target.value;
}

searchParams={
params:{
  param1: this.name
 }
}
getWords(){
return this.httpClient.get('http://localhost:3000/words/', 
this.searchParams)
  .subscribe(
    (data: any[])=>{
      if(data.length){
        console.log(data[0].translation);
      }
     }
  )
  }

На сервере экспресс:

app.get('/words', (req, res)=>{
var val2= req.query.param1;
res.json(val2);

});

Данные на экспресс-сервере представляют собой массив слов:

var words=[
{spelling: "aman", category: "noun", translation: "water"},
{spelling: "azzel", category: "verb", translation: "run"},
{spelling: "aberkan", category: "adjective", translation: "black"},
{spelling: "gar", category: "preposition", translation: "between"}
 ];

В данный момент я хотел бы знать, как получить пользовательский ввод на сервера затем позже вернуть данные из массива слов, например, перевод слова.