1

Truncate パイプを実装しようとしています:

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

@Pipe({ name: 'truncate' })
export class TruncatePipe implements PipeTransform {
    transform(value: string, amount: number, truncateChar: string) : string {
        console.log("amount", amount);
        console.log("truncateChar", truncateChar);
        let limit = amount ? amount : 10;
        let trail = truncateChar ? truncateChar : '...';
        return value.length > limit ? value.substring(0, limit) + trail : value;
    }
}

どういうわけか、私のテンプレートでは常に が出力undefinedされtruncateCharますが、amount.

私のテンプレートでは、次の構文を（独自の順番で）試しました。

{{ item.name | truncate: 20 : "a" }}
{{ item.name | truncate: 20 : 'a' }}
{{ item.name | truncate: 20 : a }}

複数の引数 (最大文字とオプションの末尾文字) を使用してこれを実装するにはどうすればよいですか?

4

1 に答える 1

0

私はちょうどあなたのをテストしましたpipe、これは私にとって完璧に機能します:

{{ name | truncate: 20 : 'c' }}

コンソールで私は得る：

金額 20

truncateChar c

あなたの問題は別の場所にあるかもしれません。

于 2016-09-23T13:29:18.117 に答える