Freelance Project Requests info@CodeDocu.de Software Development in C# WPF Asp.Net Core Vba Excel Word SQL-Server EF Linq, UWP Net
#

 

 

How to move a Variable from constructor call to a local method

 

Task:

I want to move the java Typescript code of the Angular constructor to a local ngOnInit()

 

The code should be moved from constructor to ngOnInit()

Constructor

 

constructor(afDb:AngularFireDatabase) {

    //*works

    const itemsRefAngularFireList<any> = afDb.list('Aufgaben');

    itemsRef.valueChanges().subscribe(

      x=>this.firebase_Data =  x;}

      );    

 

  }

 

 

 

Man kann den javascript Code verschieben indem man die include parameter bei aufruf des constructors mit private declariert und beim Aufruf in den neuen Funktion ein this. Hinzufügt

 

Code after the changeover.

With .this in the method and private in the constructor

 

  constructor(private afDb:AngularFireDatabase) {

    

  }

 

  ngOnInit()

  {

    //*works

    const itemsRefAngularFireList<any> = this.afDb.list('Aufgaben');

    itemsRef.valueChanges().subscribe(

      x=>this.firebase_Data =  x;}

      );    

 

  }

 

 

App.component.ts  vor der Umstellung

 

export class AppComponent {

  //--< Daten >--

  title = 'dailycheck';

  //public firebase_Data: Observable<any>[]; //works with AngularFireList<any>..subscribe(x=>{ this.aufgaben= x;}

  public firebase_Data;

  //--</ Daten >--

 

  //--< Daten von Firebase holen >--

  constructor(afDb:AngularFireDatabase) {

    //*works

    const itemsRefAngularFireList<any> = afDb.list('Aufgaben');

    itemsRef.valueChanges().subscribe(

      x=>this.firebase_Data =  x;}

      );    

 

  }

 

  ngOnInit()

  {

    

  }

 

  //--</ Daten von Firebase holen >--

}

 

 

App.component.ts nach der Umstellung

import { Component } from '@angular/core';

import { AngularFireDatabase,AngularFireList }  from 'angularfire2/database';

import { Observable } from 'rxjs';

 

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css']

})

export class AppComponent {

  //--< Daten >--

  title = 'dailycheck';

  //public firebase_Data: Observable<any>[]; //works with AngularFireList<any>..subscribe(x=>{ this.aufgaben= x;}

  public firebase_Data;

  //--</ Daten >--

 

  //--< Daten von Firebase holen >--

  constructor(private afDb:AngularFireDatabase) {

    

  }

 

  ngOnInit()

  {

    //*works

    const itemsRefAngularFireList<any> = this.afDb.list('Aufgaben');

    itemsRef.valueChanges().subscribe(

      x=>this.firebase_Data =  x;}

      );    

 

  }

 

  //--</ Daten von Firebase holen >--

}

 

 

 

Mobile
»
Angular Typescript: Move Variable From Constructor to Function
»
Android: View elements find by text pattern in ID

.

Contact for Jobs, Project Requests: raimund.popp@microsoft-programmierer.de