Я новичок в Angular.
<h4>{{item.accountNumber | acctNumberFormat : _acctFormat}}</h4>
как только мы нажмем на номер счета, он откроет модальный.Внутри модальных мы имеем тот же номер счета.
<h4 class="modal-title">{{_selectedItem?.accountNumber}}</h4>
acctNumberFormat
- это канал, который принимает аргумент "Last6"
, который отображает первые 3 цифры как * и последние 6 цифр какэто так.
Пример : 123456789 будет преобразовываться как *** 456789.
Внешняя модальная труба работает нормально, внутри модальная она дает
встроенный шаблон: 30: 114 из-за Невозможно прочитать свойство 'slice' со значением null
import {PipeTransform, Pipe} from "@angular/core";
@Pipe({
name: "acctNumberFormat"
})
export class AccountNumberFormatPipe implements PipeTransform {
// Format types:
// "All" - Show all digits of account numbers. Example: 758000086
// "Last4" Show only last 6 digits of account numbers. Example: ***000086
// "Last6" - Show only last 4 digits of account numbers. Example: *****0086
public transform(value: any, format?: string): string {
if (typeof(value) === "number") {
value = value.toString;
}
if (format === undefined) {
format = "All";
}
switch (format) {
case "All":
// do nothing
break;
case "Last4":
value = "*****" + value.slice(-4, value.length + 1);
break;
case "Last6":
value = "***" + value.slice(-6, value.length + 1);
break;
default:
// do nothing
break;
}
return value;
}
}
Я действительно ценю ваше время.
Спасибо