Ошибка шаблона на ngFor и использование канала с параметром

Question

Я пытаюсь сортировать с pipe на Angular 4. Нет проблем с pipe и 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 трубы, которые были разработаны мной. С этим синтаксисом возникает ошибка. Если я перейду на это, нет проблем

И это мой компонент класса.

export class MainBlogPageComponent implements OnInit {

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

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

Также на всех моих модулях CommonModule импортируется также 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 : [config]

таким образом в вашем OrderBy трубу вы получите ["-commentCount"] параметр