[angular] ‘tr'(최종 릴리스)의 알려진 속성이 아니기 때문에 ‘ngForOf’에 바인딩 할 수 없습니다.

Angular2 Final 릴리스 (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>

답변

// older Angular versions
// import {BrowserModule, CommonModule} from '@angular/common';

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

import { CommonModule } from "@angular/common";


@NgModule({
  imports: [
    CommonModule
  ]
})

export class ProductModule { }

yourmodule.module.ts

import { CommonModule } from '@angular/common';

@NgModule({
  imports: [
    CommonModule
  ],
  exports:[ ],
  declarations: []
})

...
    {
        path: '',
        component: ViewComponent,
    }
...

     imports: [ FeatureRoutingModule ],
     declarations: [],