Неожиданный канал импортирован модулем «AppModule». Пожалуйста, добавьте аннотацию @NgModule - PullRequest
Новая
       1

Неожиданный канал импортирован модулем «AppModule». Пожалуйста, добавьте аннотацию @NgModule

0 голосов
/ 28 февраля 2020

Я создал уникальный канал для удаления повторяющихся элементов из массива и импортировал его в app.module.ts

Вот мой код.

app.module.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 ],
})

uniquePipe.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;
  }
}

app.component. html

 <li class="nav-item" *ngFor="let items of list | unique">
      <a class="nav-link" data-toggle="tab" href="#list"> {{items.type}}</a>
    </li>

Как мне решить эту проблему

1 Ответ

0 голосов
/ 28 февраля 2020

Трубы следует добавлять только в declarations, поэтому просто удалите свою трубу из imports.

...