Как связать скрытое значение типа ввода = скрыто для модели в Angular6

Question

Здесь я создаю форму листинга, где пользователь может перечислять там данные после входа на сайт. Я хочу добавить имя пользователя также, когда пользователь отправляет форму. В форме листинга я использовал тип ввода = скрытый, в которомя поставил имя пользователя.Я хочу добавить это значение имени пользователя в мою модель lisitng и передать значение модели в базу данных. Я хочу связать значение скрытого поля моей управляемой шаблоном формы с моделью моего углового приложения

Я получаюэто имя пользователя из API

Ниже приведена моя форма angular6, управляемая шаблоном

<form #listingForm="ngForm" (ngSubmit)="OnSubmit(listingForm)" style="margin-top:100px">
  <div class="container">
    <div class="row">
      <div class=" col-md-offset-1 col-md-10 col-md-offset-1" style="padding-top:35px;margin:0 auto;box-shadow: 1px 2px 6px 0px rgba(102,102,102,0.73);">
        <h3 style="color:black">Add Your Listing Here</h3>

        <hr>
        <div *ngIf="userClaims">
        <input type="hidden" #Username="ngModel" [(ngModel)]="userClaims.Username" [value]="list.Username" name="Username">
      </div>
        <div class="row" style="padding-top:50px;">
            <div class="col-sm-6">
               <label for="">Business Name</label>
            <input type="text" #BName="ngModel" [(ngModel)]="list.BName" name="BName">
            </div>
            <div class="col-sm-6">
                <label for="">Business Tagline</label>
             <input type="text" #BTagline="ngModel" [(ngModel)]="list.BTagline" name="BTagline">
             </div>

        </div>



        <div class="clearfix">

          <button type="submit" class="signupbtn" >Sign Up</button>
        </div>
      </div>
    </div>
  </div>
</form>

Ниже представлен мой экспортный класс перечисления перечисления.model.ts {

}

Я получаю имя пользователя из других служб моего приложения

Answer 1

Используя приведенный ниже метод, я могу связать значение

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

Answer 2

почему бы вам не присвоить userClaims.Username для list.Username в самом ts файле и сделать его простым

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

Вы также можете удалить вышеуказанный скрытый ввод, поскольку он ни на что не повлияет.