角4個rxjs：

Question

我有可觀察到的一個陣列的可觀察到的陣列篩選數據：

schools: Observable<SchoolVM[]>; 

我需要此可觀察到過濾到另一個用於自動填充選擇

filteredSchools: Observable<SchoolVM[]>; 

予訂閱form.valueChanges

this.formChange = this.searchForm.valueChanges 
    .debounceTime(300) 
    .subscribe(value => { 
    this.filteredSchools = this.schools.filter(s => s.SchoolName == value); 
    }); 

我有一個錯誤：屬性'SchoolName'不存在類型'Sch oolVM []' 我該如何解決它？ 還有：我必須過濾2個不同的標準。這是正確的過濾像

this.filteredSchools = this.schools.filter(s => s.SchoolName == value || 
    s => s.SchoolName == value); 

---

我改寫了以下Aakash Jain's answer，這樣的功能：

this.formChange = this.searchForm.valueChanges 
     .debounceTime(300) 
     .subscribe(value => { 
     this.filteredSchools = this.schools.map(schools => { 
      return schools.filter((school: SchoolVM) => (school.SchoolName === value) || (school.City === value)); 
      // this.logger.info(this.filteredSchools); 
     }); 
     }); 

，現在我得到的錯誤「schools.filter」不是一個函數。

可觀察

schools: Observable<SchoolVM[]>; 

是從HttpClient的通話填補：

this.schoolService.filterSchools(arg) 
     .subscribe(d => {this.schoolsToFilter = d; }) 

而且在服務：

filterSchools(arg: string): Observable<any> { 
    return Observable.from(this.http.get('/api/school/find/' + arg)); 

也許他們是可觀察到的一個問題，但學校可觀察到的很好填充：

{ 「SchoolID」：13028， 「SchoolName」： 「100％Conduite」， 「城市」： 「MEUDON」， 「郵編」： 「92190」， 「街」： 「17街德加侖」 ， 「手機」： 「01 49 66 06 02」 }， { 「SchoolID」：6803， 「SchoolName」： 「100％PERMIS」， 「城市」： 「巴東維萊」， 「郵編」： 「54540」， 「街」： 「25街報馬雷夏爾福煦」， 「電話」： 「」 }，...

Answer 1

schools和filteredSchools是每個包含SchoolVM對象的數組的觀察對象。

所以，當你這樣做：

this.schools.subscribe(s => console.log(s)); 

你會發現，SchoolVM一個數組被打印出來。所以上面的s的值不是一個單獨的SchoolVM而是一個SchoolVM[]。

因此，當你寫：

this.filteredSchools = this.schools.filter(s => s.SchoolName == value); 
// this will not work since s is an array 

相反，你想要做的是：

this.filteredSchools = this.schools.map(schools => { 
    return schools.filter((school: SchoolVM) => school.SchoolName === value); 
}); 

---

要通過兩個條件進行過濾，用自己的方式不正確。你正在做的是定義兩個匿名函數。這會給你一個語法錯誤。相反，你需要一個具有OR條件的匿名函數。

this.filteredSchools = this.schools.map(schools => { 
    return schools.filter((school: SchoolVM) => (school.SchoolName === value) || (school.NumberOfStudents >= 100)); 
});