角度4 ngFor

Question

我不明白为什么我在Angular 4中遇到此错误，我什至从angular / common导入了ngFor。 我发现的问题都与angular 1 => angular 2有关。我相信，公共库是由浏览器模块导入的。 这与我之前构建的angular 2应用程序相同。 错误：

无法绑定到“ ngForIn”，因为它不是“ div”的已知属性。 （“] * ngFor ='让条目进入简历条目'>

零件

import { Component, OnInit } from '@angular/core';
import {RetrieveService} from '../../services/retrieve.service';
@Component({
selector: 'app-resume',
templateUrl: './resume.component.html',
styleUrls: ['./resume.component.css']
})
export class ResumeComponent implements OnInit {
resumeEntries:any[];
constructor(private retrieveService:RetrieveService) { }

ngOnInit() {
  this.retrieveService.getResume().subscribe(response=>{
    this.resumeEntries=response.entries;
  });
}

}

的HTML

<div *ngFor='let entry in resumeEntries'>
works
</div>

App.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {RouterModule,Routes} from '@angular/router';
import { HttpModule } from '@angular/http';

//components
...
//services
import {RetrieveService} from './services/retrieve.service';
const AppRoutes: Routes =[
  {path:'resume',component:ResumeComponent},
  {path:'admin', component:AdminComponent},
  {path:'',component:LandingPageComponent}
]
@NgModule({
  declarations: [
    AppComponent,
    LandingPageComponent,
    DashBarComponent,
    ResumeComponent,
    SocialMediaComponent,
    AdminComponent,
    AdminContactInfoComponent 
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(AppRoutes),
    HttpModule
  ],
  providers: [RetrieveService],
  bootstrap: [AppComponent]
})

Answer 1

Angular具有NgForOf ，而不是NgForIn 。 应该let varName of array ，但你必须in代替，所以更新模板代码到这一点。

<div *ngFor='let entry of resumeEntries'>
works
</div>

查看API文档中的NgForOf HERE，以获取有关“分解”和“星号”语法的更多详细信息