angular11报错Can‘t bind to ‘ngForOf‘ since it isn‘t a known propert

时间：2023-01-10 18:52:00

当你遇到Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’. (" //无法绑定到“ngforof”，因为它不是“tr”的已知属性。（“

可能问题一：

当前错误原因是没有绑定ngforof，在@ngmodule（）中添加browsermodule到imports:[]，如果它是根模块（appmodule），则为commonmodule。

简而言之，就是根部app.module有没有导入这个基础模块，检查一下

可能问题二：出现此问题是你的导入有误，修改BrowserModule在控制器的位置

import {BrowserModule, CommonModule} from '@angular/common';....@NgModule({imports: [BrowserModule, /* or CommonModule */],..})

可能问题三：检查一下你的页面是否在当前自己所属模块执行了以下操作

说重点，这一步，就是你的组件有引用到放到组件所属的模块里

举例:当前模块名字叫做 aa-management

aa-management模块下，当前页面名字叫做report

首先检查这个aa-management.module.ts代码

import { NgModule, Type } from '@angular/core';import { SharedModule } from '@shared';import { AaManagementRoutingModule } from './aa-management-routing.module.ts'; import { AaManagementComponent } from './aa-management/aa-ponent' // 看看有没有这样一行代码-------2const COMPONENTS: Type<void>[] = [AaManagementComponent // 看看有没有这样一行代码-------2];@NgModule({imports: [SharedModule,ManagementRoutingModule ],declarations: COMPONENTS,})export class ManagementModule { }

这个步骤是配置路由的，顺带看一下：aa-management-routing.module.ts

import { NgModule } from '@angular/core';import { RouterModule, Routes } from '@angular/router';import { AaManagementComponent } from './aa-management/aa-ponent' // 看看有没有这样一行代码-------3const routes: Routes = [{ path: 'aa', component: AaManagementComponent }, // 看看有没有这样一行代码-------4];@NgModule({imports: [RouterModule.forChild(routes)],exports: [RouterModule]})export class ManagementRoutingModule { }