Warum kann ich die indexOf-Funktion nicht in meinem eckigen 2-Typoskript-Code verwenden?

Question

ich den Fehler:

AUSNAHME: value.indexOf ist keine Funktion

wenn ich versuche, eine JavaScript-Funktion zu verwenden. Hier ist der Code:

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; 
    } 
} 

Was muss ich tun, damit dies funktioniert? Ich sehe ähnliche Beispiele im Code anderer Leute, also denke ich, dass das funktionieren sollte.

Answer 1

sollen Sie erhalten in dem Anfang der Transformationsfunktion einfügen

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

Ihr Rohr mehrfach ausgeführt werden. Einige dieser Zeiten, wie wenn Ihre Komponente noch nicht vollständig initialisiert wurde, wird "Wert" null oder möglicherweise undefined, und dann wird es nicht die indexOf Methode haben. Deshalb erhalten Sie diesen Fehler.

eine Sicherheitsprüfung hinzufügen: (. Ich kann es im Allgemeinen bevorzugt, finden früh zurück, aber Yoav Schniederman Antwort ist perfekt auch gültig)

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

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

    return id; 
}