Readdy Write

Angular Frontend 07: Dummy Daten laden

02.02.2023 (👁2851)


 

 

Mit dem folgenden Code werden beim Start der Anwendung die Daten vom Service geladen  und in der Console angezeigt

  //*add dummy data

  articles: Article[]=[];  //empty start

  constructor(private articlesService:ArticlesService){}

  ngOnInit():void{

    this.articles=this.articlesService.getArticles();

    console.log(this.articles);

  }

Ein Bild, das Text, Screenshot, Computer, drinnen enthält.

Automatisch generierte Beschreibung

Dummy laden

App.components.ts

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

import { Article } from './models/article';

import { ArticlesService } from './services/articles.service';

 

@Component({

  selector: 'app-root',

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

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

})

export class AppComponent {

  title = 'CodeDocu_Frontend';

 

  //*add dummy data

  articles: Article[]=[];  //empty start

  constructor(private articlesService:ArticlesService){}

  ngOnInit():void{

    this.articles=this.articlesService.getArticles();

    console.log(this.articles);

  }

}

 


0,00 €