Труба Angular2 не работает внутри модала на той же странице - PullRequest
0 голосов
/ 25 октября 2018

Я новичок в 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;
}

}

Я действительно ценю ваше время.

Спасибо

...