我已经在共享文件夹(应用组件中)中创建了一个自定义的截断管道,代码如下:
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,
..]