Angular 4-Rohr kann nicht Eigentum 'toLowerCase' undefinierter

Question

habe ich implementiert den folgenden Filter/Rohr ersten Brief an Kapital zu schlagen, in module.ts importiert usw.

pipe.ts

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


@Pipe({name: 'capitalize'}) 
export class CapitalizePipe implements PipeTransform { 

    transform(str:any) { 

    var splitStr = str.toLowerCase().split(' '); 
    for (var i = 0; i < splitStr.length; i++) { 

     splitStr[i] = splitStr[i].charAt(0).toUpperCase() + 
     splitStr[i].substring(1);  
    } 
    // Directly return the joined string 
    return splitStr.join(' '); 
    } 
} 

Alles Arbeit Ordnung, außer, wenn ich es in diesem Ausdruck verwenden, erhalte ich - nicht Eigentum ‚toLowerCase‘ lesen kann undefinierter

{{messageItem?.cc && messageItem?.cc[0]?.name | capitalize}} 

Answer 1

ein null-Add/undefined Check in Ihrer Pfeife zu überprüfen, ob die Zeichenfolge vor dem Aufruf .toLowerCase

if (str === undefined) return []; 

Answer 2

Rohr ausführen initialy als null null ist, da dies async ist. u müssen, um die dies async undefined Variable

var splitStr = str.toLowerCase().split(' ') || []