Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Angular Daten anzeigen mit {{ Klammen }}

18.12.2020 (πŸ‘2570)

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>