1- import { Component } from '@angular/core' ;
1+ import { Component , OnInit } from '@angular/core' ;
22import { ProductDataService } from 'src/app/core/services/product-data.service' ;
33import { ActivatedRoute } from '@angular/router' ;
44import { IProduct } from 'src/app/shared/interfaces' ;
@@ -8,20 +8,33 @@ import { IProduct } from 'src/app/shared/interfaces';
88 templateUrl : './product-list.component.html' ,
99 styleUrls : [ './product-list.component.css' ]
1010} )
11- export class ProductListComponent {
11+ export class ProductListComponent implements OnInit {
12+ 1213 products : IProduct [ ] ;
13- productName : string = '' ;
14+ // productName: string = '';
1415
15- constructor ( private dataService : ProductDataService , route : ActivatedRoute ) {
16- route . params . subscribe ( ( ) => {
16+ _productName : string = '' ;
17+ get productName ( ) : string {
18+ return this . _productName ;
19+ }
20+ set productName ( value : string ) {
21+ this . _productName = value ;
22+ this . getProducts ( ) ;
23+ }
24+ 25+ constructor ( private dataService : ProductDataService , private route : ActivatedRoute ) {
26+ }
27+ 28+ ngOnInit ( ) : void {
29+ this . route . params . subscribe ( ( ) => {
1730 this . getProducts ( ) ;
1831 } ) ;
1932 }
2033
2134 getProducts ( ) {
22- this . dataService . getProductsByName ( this . productName )
23- . subscribe ( ( products : IProduct [ ] ) => {
35+ this . dataService . getProductsByName ( this . productName ) . subscribe ( ( products : IProduct [ ] ) => {
2436 this . products = products ;
2537 } ) ;
2638 }
39+ 2740}
0 commit comments