與觀察到的

Question

的Http REST API的數據讓我解釋一下我的項目結構：
從服務器獲取數據：我做了一個服務的AuthenticationService
我叫這項服務在HTML文件中列出的數據的組件&：（ProductComponent & ProductComponent Html文件）
我有一個頭文件夾目錄，其中包含一個組件&HTML文件，現在我在標題中添加了產品搜索，此標題是網站主標題，並且對所有網站均可見。
現在我想通過observable使產品列表異步。 服務文件代碼：

getProductList(check:any) { 
    let time = new Date(); 
    return this.http.post('/api/productslist.json?' + time.getTime(), check) 
    .map((response: Response) => { 
     let result = response.json(); 
     return result; 
    }); 
} 

組件代碼：

export class ProductlistComponent implements OnInit { 
    result: Result[] =[]; 
    filtercheck = {}; 
    constructor(private authenticationService: AuthenticationService) { 

     this.authenticationService.getProductList(this.filtercheck) 
      .subscribe(result => { 
       this.result   = result.result.list; 
      },err => { 

      } 
     ); 
    } 
} 

當我從任何組件調用這個服務，我需要那麼產品列表需要自動更新。就像我在標題搜索框中輸入的那樣，產品列表需要自動更新 e。

我試着通過observable訂閱，但沒有成功。當我將HTTP數據設置爲可觀察時，我感到困惑。如果我設置了可觀察的服務中成功部分，那麼它並不反映結果。 請幫忙
例如： ： URL：https://www.flipkart.com/ 像頭像中的某人類型，然後按搜索按鈕，然後產品列表自動更新。我需要這種類型的功能

Answer 1

從服務器獲取數據：I要獲取或發佈？

服務

如果是後

getProductList(check:any) { 
    let time = new Date(); 
    return this.http.get('/api/productslist.json?' + time.getTime(), JSON.stringify(check) // stringfy the object 
    .map((response: Response) => response.json()); 
} 

組件

this.authenticationService.getProductList(this.filtercheck).subscribe(result => { 
    this.result = result.result.list; 
} 

更新

const eventStream = Observable.fromEvent(elementRef.nativeElement, 'keyup') 
     .map(() => this.inputValue) 
     .debounceTime(this.delay) 
     .distinctUntilChanged();