时间戳

首页 > 解决方案 > 未从表单提交的动态值

angular - 未从表单提交的动态值

问题描述

我正在处理 Angular 代码。

如果我在表单字段中手动输入值并提交表单，我将获得组件函数中的所有值。

但是，如果我在表单字段中动态显示值value='{{detail_id}}'，则组件不会收集任何值。

组件功能

public updateSetting(obj:any) :any {
  console.log(obj);
}

模板

<form (ngSubmit)="updateSetting({'uname':uname, 'upwd':upwd, 'id':id})">
  <div class="form-group">
    <label for="email">Email address:</label>
    <input type="text" [(ngModel)]='uname' name='uname' class="form-control" value='{{detail_uname}}'>
  </div>

  <div class="form-group">
    <label for="pwd">Password:</label>
    <input type="password" name='upwd' [(ngModel)]="upwd" class="form-control" value='{{detail_upwd}}'>
  </div>

  <input type="hidden" name="id" [(ngModel)]='id' class="form-control" value='{{detail_id}}'>

  <button type="submit" class="btn btn-default">Update</button>
</form>

值动态显示在表单字段上，单击列表中的查看按钮

列表上的按钮

<a (click) = "view({'id':x.id})">View</a>

标签： angularforms

解决方案

我不确定您为什么要使用价值，但是：

[value]="detail_uname"

推荐阅读