Projekt-Anfragen: Tel: 07022/9319004 info@CodeDocu.de Software Entwicklung in C# WPF Asp.Net Core Vba Excel Word SQL-Server EF Linq, UWP Net
#

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
»
Angular Firebase Beispiel Code 2021 AngularFireList AngularFireDatabase
»
Angular Firebase einzelne Node ausgeben
»
Daten von Firebase anbinden in Angular 2021
»
Angular Firebase Error: permission_denied at Client doesn t have permission to access the desired data.
»
Angular Firebase in 2021
»
Einstellen von Firebase für einfaches Lesen der Daten
»
Firebase: Lesen und Schreiben erlauben
»
Firebase: Daten manuell bearbeiten
»
Wieviel kostet Firebase
»
Firebase als Datenbank

.

Jobs, Projekte, Angebote für Freiberufler, Selbstständig an Info@CodeDocu.de