Что я должен написать в TS, чтобы я мог обновить поле?

Question

Я хочу знать, какой код я напишу для функции кнопки (html) в файле ts, чтобы я мог обновить поле из данных, которые уже сохранены в моем mongoDB.В моем HTML-коде есть две кнопки: одна для ввода поля для обновления, а другая - для ввода нового значения.

Я использую Angularjs, MongoDB, Nodejs и использую Postman для подключения к серверу, а Robo3t для БД.

код сервера:

$router.put('/:id', function (req, res) {
User.findByIdAndUpdate(req.params.id, req.body, {new: true},
function (err, user) {
console.log(err);
if (err) return res.status(500).send({'status':'no user'});
res.status(200).send({'status': 'success'});
});
});$

HTML-код:

$<div align="center">
<mat-form-field>
<input type="tel" matInput placeholder="Current Number" 
[formControl]="AFormControl">
</mat-form-field>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
<mat-form-field>
<input type="tel" matInput placeholder="Number to be changed"  
[formControl]="BFormControl" >
</mat-form-field>
<br>
<br>
<button mat-raised-button color="primary"  
(click)='next()'>UPDATE</button>
</div>

Файл TS --first.component.ts:

next(){
var user={mobile:this.BFormControl.value};
this.xx.updateUserMobile(user).subscribe(res=>{  
console.log(res);
alert("Number has been removed successfully Please Refresh");
})

Служебный файл:

updateUserMobile(user): Observable <object>
{
return this.httpClient.put(this.newapiurl,{'mobile':user.mobile})
}

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