“找不到管道截断”

时间:2018-08-06 23:02:12

标签: angular pipe

我已经在共享文件夹(应用组件中)中创建了一个自定义的截断管道,代码如下:

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

@Pipe({
name: 'truncate'
})
export class TruncatePipe implements PipeTransform {
  transform(value: string, args: string[]): string {
  const limit = args.length > 0 ? parseInt(args[0], 10) : 10;
  const trail = args.length > 1 ? args[1] : '...';

  return value.length > limit ? value.substring(0, limit) + trail : value;
 }
}

在app.module.ts中声明了管道
现在,尝试通过将管道导入some.component(在应用程序组件中)为

来使用管道
<div class="content"><p>{{ element.description | truncate: 20}}</p></div>

出现错误“找不到截断管道”

模块代码如下:

@NgModule({
 imports: [
TruncatePipe,
..]
declarations: [
TruncatePipe,
..]

0 个答案:

没有答案