Plik: app.component.txt

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Photo Categorization';

  // Kategorie zdjęć
  categories = ['Kwiaty', 'Zwierzęta', 'Samochody'];

  // Zdjęcia w każdej kategorii
  photos = [
    { url: 'assets/flowers1.jpg', category: 'Kwiaty' },
    { url: 'assets/flowers2.jpg', category: 'Kwiaty' },
    { url: 'assets/animals1.jpg', category: 'Zwierzęta' },
    { url: 'assets/animals2.jpg', category: 'Zwierzęta' },
    { url: 'assets/cars1.jpg', category: 'Samochody' },
    { url: 'assets/cars2.jpg', category: 'Samochody' },
  ];

  // Aktualnie wybrana kategoria
  selectedCategory = 'Kwiaty';

  // Filtruj zdjęcia według wybranej kategorii
  getFilteredPhotos() {
    return this.photos.filter(photo => photo.category === this.selectedCategory);
  }
}