如何在Firebase angular2中将数据从表单添加到嵌套对象

Question

我正在尝试将用户数据添加到我的角度射击对象中。

这是我的数据库结构：

我正在尝试使用此代码向角色对象添加数据                管理员             

         <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上的示例。

<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 }}</pre>

在您的组件中：

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