труба не найдена. Канал работает с типизированным значением, таким как 'некоторая строка', но не работает со значением Dynami c (значение из файла TS).

Question

Я хочу использовать значение titlecase в шаблоне angular, Мой шаблон такой, и он работает без какой-либо трубы:

<h5 class="user-info__job"> {{ userDetails.working }} </h5>

Это работает нормально, но как только я применяю трубу titlecase следующим образом:

<h5 class="user-info__job"> {{ userDetails.working | titlecase }} </h5>

Выдает ошибку, канал не найден: введите описание изображения здесь

Я попробовал следующий код:

<h5 class="user-info__job"> {{ 'Some typed value' | titlecase }} </h5>

И это работало, что означает, что все импортировано, т.е. импортирован CommonModule, я не знаю, что не так. Я инициализирую значение в компоненте следующим образом:

export class UserProfileComponent implements OnInit { 
    userDetails: RegisterUserModel;

    constructor(private mainsiteService: MainSiteService) { }

    ngOnInit(): void { 
        this.userDetails = this.mainsiteService.userDetails;
    }
}

Моя angular версия равна 9.