角2のタイスクリプトコードでindexOf関数を使用できないのはなぜですか？

Question

私はエラーを取得する：

EXCEPTION：私はjavascriptの機能を使用しようとするたびvalue.indexOfは機能

ではありません。コードは次のとおりです。

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

に条件を挿入する必要があります。これらの時間の一部は、コンポーネントがまだ完全に初期化されていない場合のように、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; 
} 

（私は一般的には望ましい早く返すように見つけることが、ヨアフSchniedermanの答えは同様に完全に有効です。）