Hola estoy intentando añadir unas directivas a un formulario para poder enviarlos, pero cuando coloco la directiva [(ngModel)]="tareaService.TareaSeleccionada.nombre"
me salta este error.
ERROR Error: StaticInjectorError(AppModule)[TareaService -> AngularFireDatabase]:
StaticInjectorError(Platform: core)[TareaService -> AngularFireDatabase]:
NullInjectorError: No provider for AngularFireDatabase!
at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:1062)
at resolveToken (core.js:1300)
at tryResolveToken (core.js:1244)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1141)
at resolveToken (core.js:1300)
at tryResolveToken (core.js:1244)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1141)
at resolveNgModuleDep (core.js:8376)
at _createClass (core.js:8421)
at _createProviderInstance (core.js:8393)
El objeto "tareaService" lo declaré en el componente y lo importé en el app.module.ts
así que no habría problema por ese lado, es curioso también porque aunque borre el formulario el error sigue, así que el error no es en el formulario sino que puede ser en el componente o el servicio, aquí los añado:
SERVICIO
import { Injectable } from '@angular/core';
import { AngularFireDatabase,AngularFireList } from 'angularfire2/database';
// Clase
import { Tarea } from '../clases/tarea';
@Injectable({
providedIn: 'root'
})
export class TareaService {
ListaTareas: AngularFireList <any>;
TareaSeleccionada:Tarea= new Tarea();
constructor(private firebase: AngularFireDatabase) { }
ListarTareas(){
return this.ListaTareas=this.firebase.list('tareitas');
}
InsertarTarea(tarea:Tarea){
this.ListaTareas.push({
nombre:tarea.nombre
})
}
ActualizarTarea(tarea:Tarea){
this.ListaTareas.update(tarea.$key,{
nombre:tarea.nombre
})
}
EliminarTarea($key: string){
this.ListaTareas.remove($key);
}
}
COMPONENTE
import { Component, OnInit } from '@angular/core';
import { NgForm} from '@angular/forms';
// Servicios
import { TareaService } from '../../../servicios/tarea.service';
import { Tarea } from '../../../clases/tarea';
@Component({
selector: 'app-tarea',
templateUrl: './tarea.component.html',
styleUrls: ['./tarea.component.css']
})
export class TareaComponent implements OnInit {
constructor(private tarea: TareaService) { }
ngOnInit() {
}
// reiniciarFormuario(formulario: NgForm){
// if(formulario!=null){
// formulario.reset();
// this.tareaService.TareaSeleccionada=new Tarea();
// }
// }
}
[(ngModel)]="tareaService.TareaSeleccionada.nombre"
?