如何使用angular2區分大小寫時在搜索中過濾內容

Question

我能夠基於鍵入搜索內容。 但是父級有它的子級組件，因此例如：我試圖用"c"過濾內容，如果這樣做，我得到了父級和1個子級，但是這里我有2個子級組件，其中一個帶有"Check"並且其他與"check_test" 。 當我嘗試使用字母“ c”進行過濾時，無論大小寫敏感，我都必須同時獲得兩個子代。

TS：

searchFacility(search) {
    this.sLetter = search;
    if (search) {
      this.dtFacilities.expandedRows = [];
      setTimeout(() => {
        this.dtFacilities.expandedRows = this.dtFacilities.value;
        this.dtFacilities.value.forEach(m => {
          m.memberFacilities.forEach(f => {
            if (f.facilityName.includes(search)) {
              f.isShowMember = false;
            } else {
              f.isShowMember = true;
            }
          })
        })
      }, 100);
    }

    else {
      this.dtFacilities.expandedRows = [];
      this.dtFacilities.value.forEach(m => {
          m.memberFacilities.map(val => {
            val.isShowMember = false;
          })
        })
    }
  }

在本節中

if (f.facilityName.includes(search)) {
                  f.isShowMember = false;
                } else {
                  f.isShowMember = true;
                }
              })

為了進行搜索，它使用"c" ，因此通過將"Check" isShowMember標志設為true來進行其他條件的搜索。

DEMO

Answer 1

let mySearch = search.toLowerCase();
let facilityName = f.facilityName.toLowerCase();
if (facilityName && facilityName.includes(search)) {
                  f.isShowMember = false;
                } else {
                  f.isShowMember = true;
                }
              })