小编Pka*_*ale的帖子

模块“AppModule”导入了意外的管道。请添加@NgModule注释

我创建了唯一的管道来从数组中删除重复的项目,并将其导入到 app.module.ts 中

这是我的代码。

应用程序模块.ts

import { UniquePipe } from './_pipe/uniquePipe';

@NgModule({
  imports: [BrowserModule, CommonModule, FormsModule, ReactiveFormsModule, HttpClientModule, UniquePipe],
  // tslint:disable-next-line:max-line-length
  declarations: [ AppComponent, UniquePipe],
  exports: [UniquePipe ],
  bootstrap:    [ AppComponent ],
})
Run Code Online (Sandbox Code Playgroud)

独特的Pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import * as _ from 'lodash';


@Pipe({
  name: 'unique',
  pure: false
})
export class UniquePipe implements PipeTransform {
  transform(value: any): any {
    if (value !== undefined && value !== null) {
      return _.uniqBy(value, 'type');
    }
    return value;
  }
} …
Run Code Online (Sandbox Code Playgroud)

arrays loops pipe angular

2
推荐指数
1
解决办法
3607
查看次数

标签 统计

angular ×1

arrays ×1

loops ×1

pipe ×1