Angular2管道无法在同一页面的Modal内部运行

Question

我是Angular的新手。

<h4>{{item.accountNumber | acctNumberFormat : _acctFormat}}</h4>一旦我们单击帐号，它将打开一个模式。在Modal内部，我们有相同的帐号。

<h4 class="modal-title">{{_selectedItem?.accountNumber}}</h4>

acctNumberFormat是一个管道，它带有一个参数"Last6"，该参数将前3位数字显示为*，并按原样显示后6位数字。

示例：123456789将转换为*** 456789。

外部模态管道工作正常，内部模态管道工作

  

内联模板：30：114，原因是无法读取null的属性“ slice”

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;
}

}

非常感谢您的光临。

谢谢