home.component.ts

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

interface Lecturer {
  name:  string;
  image: string;
}

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {

  lecturers: Lecturer[] = [
      { image: 'https://picsum.photos/id/1001/84/84', name: 'Dr.K' },
      { image: 'https://picsum.photos/id/1002/84/84', name: 'Assist.Prof.Chayaporn' },
      { image: 'https://picsum.photos/id/1003/84/84', name: 'Dr.Tossaporn' },
      { image: 'https://picsum.photos/id/1004/84/84', name: 'Dr.Phaichayon' },
      { image: 'https://picsum.photos/id/1005/84/84', name: 'Dr.Woody' },
      { image: 'https://picsum.photos/id/1006/84/84', name: 'Aj.Wasana' },
      { image: 'https://picsum.photos/id/1027/84/84', name: 'Dr.Paul' },
      { image: 'https://picsum.photos/id/1008/84/84', name: 'Dr.Suphawadee' },
      { image: 'https://picsum.photos/id/1009/84/84', name: 'Aj.Wayo' }
   ];

  constructor() { }

  ngOnInit() {
  }

}