不能绑定到'ngForOf'，因为它不是'tr'的已知属性(最终版本)

我使用的是Angular2 2.1.0。当我想要显示公司列表时，我得到了这个错误。

在file.component.ts中:

public companies: any[] = [
    { "id": 0, "name": "Available" },
    { "id": 1, "name": "Ready" },
    { "id": 2, "name": "Started" }
];

在file.component.html中:

<tbody>
  <tr *ngFor="let item of companies; let i =index">
     <td>{{i}}</td>
     <td>{{item.name}}</td>
  </tr>
</tbody>

当前回答

可能有以下原因:

你的模块在imports[]中没有CommonModule 你使用*ngFor或*ngIf的组件不是任何模块的一部分。你可能在*ngFor中有拼写错误，比如**ngFor或*ngFor等。如果一切正常，重新启动你的应用程序，即ng serve或IDE，即VS Code, IntelliJ等。

2020-12-16 07:45:31

其他回答

我得到了同样的错误，你可以通过以下方法之一进行修复:

如果没有嵌套模块 a.在App模块中导入CommonModule b.导入你在App模块中添加*ngFor的组件，在declarations中定义

// file App.modules.ts
@NgModule({
  declarations: [
    LoginComponent // declarations of your component
  ],
  imports: [
    BrowserModule
    DemoMaterialModule,
    FormsModule,
    HttpClientModule,
    ReactiveFormsModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
  ],
  providers: [
    ApiService, 
    CookieService, 
    {
      provide: HTTP_INTERCEPTORS,
      useClass: ApiInterceptor,
      multi: true
    }
  ],
  bootstrap: [AppComponent]
})

c.如果你使用单独的模块文件进行路由，那么在routing模块中导入CommonModule否则在App模块中导入CommonModule

// file app.routing.modules.ts
import { LoginComponent } from './login/login.component';
import { CommonModule } from "@angular/common";

const routes: Routes = [
  { path: '', component: LoginComponent },
  { path: 'login', component: LoginComponent }
];

@NgModule({
  imports: [RouterModule,RouterModule.forRoot(routes), CommonModule],
  exports: [RouterModule]
})

如果您有嵌套模块，则执行该特定模块的第一步

在我的案例中，第二种方法解决了我的问题。希望这对你有所帮助

2019-11-30 11:23:39

我已经在mycomponent.module中导入了CommonModule。和app.module中的BrowserModule。ts，将MyComponent添加到@ngModule的声明中，并重置vscode，就像前面提到的所有解决方案一样。

最终解决了这个问题，我没有通过获取请求迭代接收到的数据，而是使用与ElementModel匹配的硬编码数据模拟elements数组。它工作没有问题。

意识到我的ElementModel接口与我从取回请求接收到的数据不匹配。

希望这能帮助到一些人。

2022-06-16 23:23:44

以我为例，问题是我的队友在模板中提到了*ngfor而不是*ngfor。奇怪的是，没有正确的错误来处理这个问题(在Angular 4中)。

2017-12-22 18:10:37

只是在修改了几个组件后出现了同样的问题。没有语法错误，所有模块都导入了，但是重新启动服务器解决了这个问题。错误发生在一个组件中，该组件是在几十次成功提交之前添加的。

以防别人遇到同样的问题。