40 lines
970 B
TypeScript
40 lines
970 B
TypeScript
import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
|
|
import {Tutorial} from '../../models/tutorial.model';
|
|
import {TutorialService} from '../../services/tutorial.service';
|
|
import {MatCard, MatCardContent, MatCardHeader} from '@angular/material/card';
|
|
|
|
@Component({
|
|
selector: 'app-tutorials.component',
|
|
imports: [
|
|
MatCard,
|
|
MatCardContent,
|
|
MatCardHeader
|
|
],
|
|
templateUrl: './tutorials.component.html',
|
|
styleUrl: './tutorials.component.scss',
|
|
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
})
|
|
export class TutorialsComponent {
|
|
tutorials?: Tutorial[];
|
|
|
|
constructor(private tutorialService: TutorialService) {
|
|
this.retrieveTutorials();
|
|
}
|
|
|
|
// ngOnInit(): void {
|
|
// this.retrieveTutorials();
|
|
// }
|
|
|
|
retrieveTutorials(): void {
|
|
this.tutorialService.getAll()
|
|
.subscribe(
|
|
data => {
|
|
this.tutorials = data;
|
|
console.log(data);
|
|
},
|
|
error => {
|
|
console.log(error);
|
|
});
|
|
}
|
|
}
|