為什么在我的angular 2打字稿代碼中不能使用indexOf函數？

Question

我收到錯誤：

例外：value.indexOf不是函數

每當我嘗試使用javascript函數時。 這是代碼：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'id'
})
export class IdPipe {
    transform(value: string): string {
        let start = value.indexOf('"id": "')
        let id = value.substring(start + 7, start + 7 + 36);

        return id;
    }
}

我需要做些什么才能使這項工作？ 我在其他人的代碼中看到了類似的示例，因此我認為這應該可行。

Answer 1

您應該在轉換函數的開頭插入條件

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'id'
})
export class IdPipe {
    transform(value: string): string {
        if(value !== null && value !== undefined){
          let start = value.indexOf('"id": "')
          let id = value.substring(start + 7, start + 7 + 36);

          return id;
        }    
    }
}

Answer 2

您的管道將執行多次。 在某些情況下，例如當您的組件尚未完全初始化時，“ value”將為null或可能undefined ，然后它將沒有indexOf方法。 這就是為什么您會收到此錯誤。

添加安全檢查：

transform(value: string): string {
    if (!value) return value;

    let start = value.indexOf('"id": "')
    let id = value.substring(start + 7, start + 7 + 36);

    return id;
}

（我一般認為最好早點回來，但約夫·施尼德曼的回答也很有效。）