Angular 4 ng For-Java 学习之路

我不明白为什么我用Angular 4得到这个错误，我甚至从angular / common导入了ngFor . 我 Build 的问题 . Error:

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

Component

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]
})

1 回答

4
Angular有 NgForOf ，而不是 NgForIn . 它应该是 let varName of array ，但你有 in ，所以更新你的模板代码 .
```
<div *ngFor='let entry of resumeEntries'>
works
</div>
```
有关"decomposed"和"asterisk"语法的详细信息，请查看 NgForOf HERE的API文档
回复于 2024-05-03T20:13:04+08:00

Angular 4 ng For

1 回答

相关问题