我应该在ts中写些什么以便可以更新字段？

Question

我想知道我将为ts文件中的button（html）函数编写什么代码，以便可以从已存储在mongoDB中的数据更新字段。我的html代码中有两个按钮，一个用于字段更新，另一个用于输入新值。

我正在使用Angularjs，MongoDB，Nodejs，并使用Postman来访问服务器和Robo3t for DB。

服务器代码：

$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})
}

我想使我的代码正常工作，以便我可以接受Db中已经存在的输入，并可以在单击“提交”按钮后对其进行更新。