Трубы с угловыми датами - это путь ... Это должно работать для вас в HTML :
Обновление :
из ваших комментариев я понял, что у вас есть временная строка, из-за которой вам сначала нужно преобразовать эту временную строку в дату ... после этого канал угловой даты будет обрабатывать все остальное;
релевантно TS :
priyankaTime = '08:04:01';
priyankaDate;
constructor() {
this.priyankaFunction()
}
priyankaFunction() {
var origStr = this.priyankaTime;
var n = origStr.search(":");
var hrPart = origStr.substring(0, n);
var str = origStr.substring(n + 1, origStr.length);
var n = str.search(":");
var minPart = str.substring(0, 2);
var str = str.substring(n + 1, str.length);
var n = str.search(":");
var secPart = str.substring(0, 2);
console.log(hrPart, ':', minPart, ':', secPart);
this.priyankaDate = new Date();
this.priyankaDate.setHours(hrPart, minPart, secPart);
}
релевантно HTML :
{{myDateVariable | date:"h 'hours' mm 'minutes' ss 'seconds'" }}
проверка обновлена рабочий стек стека здесь