0

アプリの設定部分に「サービス」があります。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 部分でリストを呼び出しても機能しないのはなぜですか? ありがとう

4

0 に答える 0