如何将输入类型的Hidden value绑定到Angular6中的模型

Question

这里我正在创建一个列表表单，用户可以在登录网站后在其中列出数据。我想在用户提交表单时也添加用户名。在列表表单中，我使用了输入类型=隐藏的形式我已经输入了用户名。 我想将此用户名值添加到我的lisitng模型中，并将该模型的值传递给数据库 我想将模板驱动表单的hidden字段的值绑定到我的角度应用程序的模型中

我正在从api中获取此用户名

下面是我的angular6模板驱动表单

0.0.0.0:27017

以下是我的listing.model.ts     导出类列表{

}

我正在从应用程序的其他服务中获取用户名

Answer 1

为什么不为list.Username文件本身中的ts分配userClaims.Username并使其变得简单

<input type="hidden" #Username="ngModel" [(ngModel)]="list.Username" name="Username">

您也可以删除上述隐藏的输入，因为它不会影响任何内容。

Answer 2

通过使用以下方法，我可以绑定值

{
  "date": "2015 1 3",
  "description": "btcarchitect coinkite blockchain circlebits..."
}{
  "date": "2015 1 3",
  "description": "swiftstealth offers you privacy in  bitswift v2 ..."
}{
  "date": "2015 1 3",
  "description": "all in one article  bitcoin blockchain ..."
}