Динамические значения не представлены в форме

Question

Я работаю над угловым кодом.

Если я вручную ввожу значения в поля формы и отправляю форму, я получаю все значения в функции компонента.

Но если я отображаю динамическизначения в поле формы, такие как 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>

Answer 1

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

<input type="text" [(ngModel)]='detail_uname' name ='uname' class="form-control">
<input type="hidden" name="id" [(ngModel)] = 'detail_id' class="form-control">

обратите внимание, что detail_id должно быть определено на стороне ts.

Answer 2

Я не уверен, почему вы используете значение, но как насчет:

[value]="detail_uname"