即使我定義了一個字符串，我也收到了一個錯誤，即使我定義了一個字符串，我也收到了一個錯誤

Question

    import {Pipe, PipeTransform} from '@angular/core';
import {Product} from "./product";

@Pipe({
  name: 'productFilter'
})
export class ProductFilterPipe implements PipeTransform {

  transform(value: Product[], filterText?: string): Product[] {
    filterText = filterText?filterText.toLocaleLowerCase(): null

    return filterText ? value.filter((p: Product) => p.name
      .toLocaleLowerCase().indexOf(filterText) !== -1) : value;
  }

}

TS2322：鍵入“字符串 | null' 不可分配給類型 'string | 不明確的'。
類型 'null' 不能分配給類型 'string | 不明確的'。

和

TS2345：“字符串”類型的參數 | undefined' 不能分配給'string' 類型的參數。
類型“未定義”不可分配給類型“字符串”。

在此處輸入圖像描述

Answer 1

試試這個

import {Pipe, PipeTransform} from '@angular/core';
import {Product} from "./product";

@Pipe({
  name: 'productFilter'
})
export class ProductFilterPipe implements PipeTransform {

  transform(value: Product[], filterText?: string): Product[] {
    let pattern = filterText ? filterText.toLocaleLowerCase(): null;

    return pattern ? value.filter((p: Product) => p.name.toLocaleLowerCase().indexOf(pattern) !== -1) : value;
  }

}

如果未將 filterText 傳遞給函數，那么您會收到該錯誤，因為您正在嘗試將某些內容分配給未定義。