アプリの設定部分に「サービス」があります。Firebase にデータをプッシュします。別のコンポーネントには、同じデータを読み取る「md-select」を含むフォームがあります。問題は、リストを初期化できないことです。コンポーネントが出てきて戻ってくると、すべてが正しく機能します。期待どおりにリストが表示されます。
これは設定部分の私のサービスです。
import { Injectable } from '@angular/core';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
import { AngularFireAuth } from 'angularfire2/auth';
import { Carburante } from './carburante.model';
@Injectable()
export class CarburantiService {
private basePath: string = '/carburanti';
carburanti: FirebaseListObservable<Carburante[]> = null; // list of objects
carburante: FirebaseObjectObservable<Carburante> = null; // single object
userId: string;//_____
constructor(private db: AngularFireDatabase,
private afAuth: AngularFireAuth) {
this.afAuth.authState.subscribe(user => {
if (user) this.userId = user.uid
})
this.carburanti = db.list(`/carburanti`);
}
getCarburantiList(query = {}): FirebaseListObservable<Carburante[]> {
if (!this.userId) return;
this.carburanti = this.db.list(`carburanti/${this.userId}`, { query: query }
);
return this.carburanti
}
...some code....
およびコンポーネント:
import { Component, OnInit} from '@angular/core';
import { ReactiveFormsModule, FormGroup, FormBuilder, Validators } from '@angular/forms';
import { Carico } from '../carico.model';
import { CarichiService } from '../carichi.service';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
...some code...
import { Carburante } from '../../impostazioni/carburanti/carburante.model';
import { CarburantiService } from '../../impostazioni/carburanti/carburanti.service';
@Component({
selector: 'app-new-carico-form',
templateUrl: './new-carico-form.component.html',
styleUrls: ['./new-carico-form.component.css'],
})
export class NewCaricoFormComponent implements OnInit{
carburanti: FirebaseListObservable<Carburante[]>;
carico: Carico = new Carico();
caricoForm: FormGroup;
constructor(private fb: FormBuilder,
private carichiService: CarichiService,
private db: AngularFireDatabase,
private carburantiService: CarburantiService,
) {
this.createForm();
}
ngOnInit() {
this.carburanti = this.carburantiService.getCarburantiList() ;
}
createForm() {
this.caricoForm = this.fb.group({
dataCarico: ['', Validators.required],
riferimentoCarico: [''],
dettaglio: this.fb.group({
carburante: ['' ,Validators.required],
quantita: ['',Validators.required]
})
});
}
...some code...
ngOnit 部分でリストを呼び出しても機能しないのはなぜですか? ありがとう