Angular Daten anzeigen mit {{ Klammen }}
Mit geschweiften Klammern gibt man in Angular einzelne Daten aus in der .html Seite
Hierzu legt man in der .ts CodeBehind Datei Daten an und in der .html Datei gibt man die Daten mit {{Daten}} aus
In der .ts Codebehind Datei werden die Daten festgelegt ΓΌber Variablen
Daten festlegen in .ts
src\app\components\liste\liste.component.ts
ListName: string="Mitglieder";
Anzahl_Mitglieder : number=99;
import { Component, OnInit } from '@angular/core';
@Component({ selector: 'app-liste', templateUrl: './liste.component.html', styleUrls: ['./liste.component.css'] }) export class ListeComponent implements OnInit { ListName: string="Mitglieder"; Anzahl_Mitglieder : number=99;
constructor() { }
ngOnInit(): void { }
}
|
Ausgabe mit Klammern
Die Ausgabe in der .html Datei
src\app\components\liste\liste.component.html
<p>Listenname: {{ ListName }} </p> <p>Anzahl= Mitglieder {{ Anzahl_Mitglieder }} </p> <br> Element 1
<listElement></listElement>
<br> Element 2 <listElement></listElement> |