javascript - 带有多个参数的 Angular 6 管道 html

Question

我有以下管道:

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
    name: 'isInPast'
})
export class IsInPastPipe implements PipeTransform {
    transform(date: Date, time: any) {
        let today = new Date();
        if (date < today) {

            return 'inPast';
        }
        return '';
    }

}

这需要两个参数。

现在我希望将它们发送到我的 html 中，但我不知道如何发送。我已经尝试过:

 [ngClass]="isInPast:row.day:task.time"

我也尝试过:

 [ngClass]="row.day task.time | isInPast:row.day:task.time"

谁能告诉我如何做到这一点？

Answer 1

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
    name: 'isInPast'
})
export class IsInPastPipe implements PipeTransform {
    transform(date: Date, time: any) {
        // I don't know what type is at time, let's assume it is Date type.
        let today = time || new Date();
        if (date < today) {
            return 'inPast';
        }
        return '';
    }

}

[ngClass]="row.day | isInPast: task.time"