ngForでテンプレートエラーが発生しました。パラメータ付きのパイプを使用しています

Question

パイプで並べ替えようとしています。パイプとngForに問題はありません。同様

<div *ngFor="let item of data | paginate: { itemsPerPage: 8, currentPage: p } | orderBy : ['{{config}}'] " class="col-lg-3 col-md-6 col-sm-6"> 
      <blog-thumb [date]="item.date" [commentCount]="item.commentCount"> </blog-thumb> 
     </div> 

は、上記自分が開発した2パイプがあります。その構文にはエラーがあります。私はこれを変更した場合は、何の問題

はありませんそして、これは私のコンポーネントクラスです。すべての私のモジュールがCommonModule輸入にも

export class MainBlogPageComponent implements OnInit { 

    public sortOrder: string = "asc"; 
    public config: string = "-commentCount"; 

    private data: any; 
    private blogPosts: string; 
    constructor() {  
    } 
    ngOnInit() { } 
} 

、またBrowserModule App.Module.tsで輸入だけでなく

これはChromeブラウザでご覧例外です。

Can't bind to '*ngFor' since it isn't a known property of 'div'. (" 
      </div> 
     </div> 
     <div [ERROR ->]*ngFor="let item of data | paginate: { itemsPerPage: 8, currentPage: p } | orderBy : ['{{config}}'] "): ng:///MainBlogModule/MainBlogPageComponent.html@37:13 
Error: Template parse errors: 
Can't bind to '*ngFor' since it isn't a known property of 'div'. (" 
      </div> 
     </div> 
     <div [ERROR ->]*ngFor="let item of data | paginate: { itemsPerPage: 8, currentPage: p } | orderBy : ['{{config}}'] "): 

テンプレート解析エラーのような例外はありません。私は問題がどこにあるのか分からなかった。

これは私のモジュールMainBlogPageComponentをインポートしたものです。

@NgModule({ 
    imports: [CommonModule, 
    FormsModule, 
    NgaModule, 
    routing, 
    NgxPaginationModule 
    ], 
    exports: [], 
    declarations: [MainBlogComponent, 
    MainBlogPageComponent, 
    SubHeaderComponent, 
    BlogThumbComponent], 
    providers: [], 
}) 
export class MainBlogModule { } 

私の共有モジュールのパイプは、すべてのパイプが共有モジュールと共有モジュールに入っています。問題のない別のモジュールを使用しました。

Answer 1

私は私があなたのOrderByパイプにあなたが["-commentCount"]パラメータ