#

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

ListNamestring="Mitglieder";

  Anzahl_Mitglieder : number=99;

 

 

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

 

@Component({

  selector: 'app-liste',

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

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

})

export class ListeComponent implements OnInit {

  ListNamestring="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>

 

 

 

 

 

Mobile

.