我使用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的样子。