Как добавить данные из формы во вложенный объект в firebase angular2

Question

Я пытаюсь добавить userdata к моему угловому объекту огня.

Вот так выглядит моя структура базы данных:

Я пытаюсь добавить данные в объект ролей, используя этот код Admin

         <label> Dealer</label>
         <input type="checkbox"  name="roles{dealer}"  #userRole="ngModel" [(ngModel)] = "user.roles.dealer" [checked]="user.roles.dealer">

           <label> Manager</label>
           <input type="checkbox" name="roles{manager}" #userRole="ngModel" [(ngModel)] = "user.roles.manager" [checked]="user.roles.manager" >
         </div>

Answer 1

Я бы создал форму, чтобы я мог собрать все свойства флажка.Этот пример является управляемой шаблоном формой.При отправке вы можете отправить значения в Firebase с помощью сервиса.См. Пример на StackBlitz .

<code><div>
<form #rolesForm="ngForm" (ngSubmit)="logForm(rolesForm.value)">
  <label> Dealer</label>
  <input type="checkbox"  name="manager" [(ngModel)]="user.roles.dealer" [checked]="user.roles.dealer">
  <label> Manager</label>
  <input type="checkbox" name="dealer" [(ngModel)]="user.roles.manager" [checked]="user.roles.manager" >
  <br>
  <button type="submit">Submit</button>
</form>
<pre>FormData {{ rolesForm.value | json }}

В вашем компоненте:

  logForm( val ) {
    this.user.roles = val;
    console.log(val);
    // Handle changes to Firebase.
  }