angular-material-course
angular-material-course copied to clipboard
Paginator and the "lessonsCount"
The mat-paginator page counter is based on a "static" property of a course lessonsCount :
<mat-paginator [length]="course?.lessonsCount"
export const COURSES: any = {
1: {
id: 1,
description: "Angular for Beginners",
iconUrl: 'https://angular-academy.s3.amazonaws.com/thumbnails/angular2-for-beginners-small-v2.png',
courseListIcon: 'https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png',
longDescription: "Establish a solid layer of fundamentals, learn what's under the hood of Angular",
category: 'BEGINNER',
lessonsCount: 10
}
and
export const LESSONS = {
1: {
id: 1,
"description": "Angular Tutorial For Beginners - Build Your First App - Hello World Step By Step",
"duration": "4:17",
"seqNo": 1,
courseId: 1
},
2: {
id: 2,
"description": "Building Your First Component - Component Composition",
"duration": "2:07",
"seqNo": 2,
courseId: 1
}
is there a way to remove that property from the course class and use the number of lessons based on the lessons count from the db via courseId, and not from the course property "lessonsCount"?