angular-practice/demo-app-from-scratch/src/app/home/home.component.ts

33 lines
1.1 KiB
TypeScript

import { Component, inject } from '@angular/core';
import {HouseService} from '../house.service';
import {House} from '../house';
import {HouseAdComponent} from '../house-ad/house-ad.component';
import {CommonModule} from '@angular/common';
import { InputTextModule } from 'primeng/inputtext';
import { ButtonModule } from 'primeng/button';
import {FormsModule} from '@angular/forms';
import { FloatLabelModule } from 'primeng/floatlabel';
@Component({
selector: 'app-home',
imports: [HouseAdComponent, CommonModule, InputTextModule, FormsModule, ButtonModule, FloatLabelModule],
templateUrl: './home.component.html',
styleUrl: './home.component.css'
})
export class HomeComponent {
houses: House[] = [];
filteredHouses: House[] = [];
houseService = inject(HouseService);
value = '';
constructor () {
this.houses = this.houseService.getHouses();
this.filteredHouses = this.houses;
}
filterHouses(text: string) {
if (!text)
this.filteredHouses = this.houses;
else
this.filteredHouses = this.houses.filter((house) => house.location.includes(text))
}
}