采用懒加载方案时遇Property binding ngForOf未被嵌入模板指令使用问题

这个错误我之前帮不少开发者排查过，核心问题出在ngFor指令的语法使用错误，还有可能是模块未正确导入必要的依赖，咱们一步步来解决：

1. 修正ngFor的语法错误 #

你当前代码里用的是ngFor="let page of pager.pages"，但Angular的结构型指令（比如ngFor、ngIf）需要使用星号前缀*，这是Angular的语法糖，会自动把当前元素转换为<ng-template>包裹的结构。

修正后的代码应该是这样：

<li *ngFor="let page of pager.pages" [ngClass]="{active:pager.currentPage === page}">
  <a (click)="setPage(page)">{{page}}</a>
</li>

2. 确认CommonModule已正确导入 #

如果你的组件属于特性模块（不是根模块AppModule），还需要确保该模块的@NgModule中导入了CommonModule——因为ngFor这类通用指令是包含在CommonModule里的，根模块的BrowserModule已经包含了CommonModule，但特性模块需要单独导入。

示例模块代码：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { YourPagerComponent } from './your-pager.component'; // 替换成你的组件名

@NgModule({
  declarations: [YourPagerComponent],
  imports: [CommonModule] // 必须添加这一行
})
export class YourFeatureModule { }

先尝试修改语法，要是问题还存在，再检查模块的导入配置，这两步基本就能解决这个报错了。

内容的提问来源于stack exchange，提问作者gayathri bindela