Question

我在AngularJS 2中有这个代码：

    @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.css'],
     providers: [ItemService],
     })
     export class AppComponent  implements OnInit{
      items : FirebaseListObservable<any>;
      constructor(public itemService: ItemService) {
     }
     ngOnInit(){
      this.items =  this.itemService.getAll();
     }
     save(contenido:string,programador:string , horas: number) {
     let postIt = new PostIt(contenido,programador,horas);
     this.itemService.save(postIt);
     }
      title = 'Lista de tareas';
   }

他是服务：

 @Injectable()    
 export class ItemService {
   constructor(public af: AngularFire) {}
   getAll(): FirebaseListObservable<any> {
     return this.af.database.list('/items');
   }
   save(medicamento : PostIt){    
     this.af.database.list('/items').push(medicamento);
   }
 }

带有getter的PostIt类在这里：

 export class PostIt {
   private _contenido: string;
   private _programador: string;
   private _horas : number;
 }

最后，HTML模板：

  *ngFor="let item of items | async"

我阅读了所有AngularFire文档，但是我打开了两个浏览器，在第一个中添加了一个新任务，而在另一个中没有更新。

我做错了什么？

AngularFire 2未实时更新

0 个答案: