Tengo una aplicación angular 7.1.4 que se compila correctamente, pero cuando abro la consola en mi navegador, veo este error:
ERROR TypeError: Cannot read properties of undefined (reading 'substr') core.js:14597 at TruncatePipe.push../src/app/_services/truncate.ts.TruncatePipe.transform (truncate.ts:11:21)Si entiendo esto correctamente, hay algo mal con el siguiente código en mi archivo truncate.ts. Aquí está mi código:
import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'truncate' }) export class TruncatePipe implements PipeTransform { transform(value: string, limit = 25, completeWords = false, ellipsis = '...') { if (completeWords) { limit = value.substr(0, limit).lastIndexOf(' '); } return `${value.substr(0, limit)}${ellipsis}`; } }No estoy seguro de lo que está mal aquí? ¿Alguna idea de lo que podría estar mal?
sobre todo añade una condición
if(value){ ....your code }Indraraj26 señala que debe envolver su código en un valor de verificación antes de ejecutarlo.
Si el valor alguna vez es nulo, no puede tomar una subcadena del mismo, por lo que para evitar este escenario, debe verificar si el valor es != nulo o "". Puede hacerlo simplemente en Angular usando
import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'truncate' }) export class TruncatePipe implements PipeTransform { transform(value: string, limit = 25, completeWords = false, ellipsis = '...') { if(value){ if (completeWords) { limit = value.substr(0, limit).lastIndexOf(' '); } return `${value.substr(0, limit)}${ellipsis}`; } } }La declaración if será falsa para nulo y evitará que su código se ejecute y, por lo tanto, falle.
Antes de usar el value , debe verificar si no está undefined . Mire el siguiente ejemplo:
función:
public validateText(text: string) { return text; }Llamar a esta función ahora causará un error:
const text = 'just an example' as string | undefined; validateText(text);error:
TS2322: Type 'string | undefined' is not assignable to type 'string'. Type 'undefined' is not assignable to type 'string'. En su caso, debe verificar el valor antes de llamar a la función o dentro de ella antes de substr o ser más específico de la siguiente manera:
if (typeof value === 'string') { //Your code } // OR in short if (value) { //Your code }