<div class='nav'>
  <ul class="left">
    <ng-container>
      <li *ngFor="let categoryItem of categoryList" (click)="switchCategory(categoryItem.id)"
        [ngClass]="{'actived':selectedCategoryId===categoryItem.id}">
        {{categoryItem.dropOptionName}}
      </li>
    </ng-container>
  </ul>
</div>

<div class="materialContainer">
  <div class="materialItem" *ngFor="let posterInfo of posterInfos;index as i"
    [routerLink]="['/material',posterInfo.itemId]"
    [queryParams]="{itemType:posterInfo.itemType,posterType:posterInfo.id}">
    <div>
      <img src="{{posterInfo.productPosterPath}}" alt="" class="img-responsive">
    </div>
    <div class="title">{{posterInfo.title}}</div>
  </div>
</div>