使用AngularFire2从ngFor中访问Firebase唯一ID

时间:2017-12-05 12:42:25

标签: angular firebase firebase-realtime-database angularfire2

我使用AngularFire2从Firebase获取数据列表。这是我的代码:

  private _tasksList = this._af.list('tasks');
  tasks: any[];

  constructor(private _af: AngularFireDatabase){}

  ngOnInit(){
     this._tasksList
         .valueChanges()
         .subscribe((tasks)=> {
            this.tasks = tasks;
     });
  }

我正在使用任务数组来使用 * ngFor 进行迭代并显示数据。我想传递Firebase在将数据推送到 onEditTask onDeleteTask 功能时生成的唯一ID,以便编辑或删除任务。

  <div *ngFor="let task of tasks; let id = index" >
    <div class="card-header">
      {{task.type}}
      <span class="pull-right">
            <i class="fa fa-pencil" (click)="onEditTask(id)"></i>
            <i class="fa fa-trash" (click)="onDeleteTask(id)"></i>
          </span>
    </div>
    <div class="card-body">
      <h4 class="card-title">{{task.title}}</h4>
      <p class="card-text">{{task.description}}</p>
    </div>
  </div>

在这种情况下,有什么办法可以解决这个问题吗?

以下是My Tasks的样子。

0 个答案:

没有答案