#

Angular Firebase einzelne Node ausgeben

 

 

 

Notizbuch

 - Notiz1

   - Beschreibung:  "erst mal was überlegen, dann notiern.notierne"

   - Titel:  "Wie erstellt man eine Notiz"

 

1)  Code für Ausgabe in der .html Seite

 

In der app.component.html

Mit | Async und ?.Element 

Bedeutung von ? Fragezeichen hinter (firebase-node | async)?.subnote

Wichtig: das ? bedeutet, dass auf den Asynchronen Wert solange gewartet wird, bis er ausgeben werden kann.

 

{{ (notiz1 |async )?.Titel }}

 

 

App.component.html Code

 

<h1>{{title}}</h1>

<ul>

    <li *ngFor="let item of aufgaben | async">

        {{ item }}

    </li>

</ul>

{{ (notiz1 |async )?.Titel }}

 

 

2)  Code für Ausgabe in der .html Seite

 

Hier wird die Variable als Observable deklariert

 

public notiz1 :Observable<any>;

 

 

Und mit .list(node).valueschanges() abgeholt

 

this.notiz1=this.afDb.object("/Notizbuch/Notiz1").valueChanges();

 

 

 

App.component.ts Code

 

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 aufgaben : Observable<any>;

  public notiz1 :Observable<any>;

  constructorprivate afDb:AngularFireDatabase ) {

  }

 

  ngOnInit()

  {

    this.aufgaben = this.afDb.list('Aufgaben').valueChanges();

    this.notiz1=this.afDb.object("/Notizbuch/Notiz1").valueChanges();

  }

}

 

 

 

Mobile

.

0123movie.net