Je suis plus récent sur angular 2. J'ai écrit le code pour afficher la liste des films, mais il affiche une erreur. Veuillez vérifier mon code ...
ci-dessous est mon code
composant.ts: fichier
import { Component} from "@angular/core";
@Component({
selector:"my-app",
template:`<h1>welcome to my shop</h1>
<p>we have the following movies available</p>
<div>
<p *ngfor=#movie of movieList>{{movie}}</p>
</div>`
})
export class MyShopComponent{
public movieList=["batman vs superman","civil war","deadpool"]
}
app.module.ts: fichier
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { FormsModule } from "@angular/forms";
import { MyShopComponent } from "./app.component";
@NgModule({
imports: [
BrowserModule,
FormsModule
],
declarations: [
MyShopComponent
],
bootstrap: [ MyShopComponent ]
})
export class AppModule { }
Réponses:
5 pour la réponse № 1Modèle de composant intérieur ngFor
devrait utiliser let
pour définir la variable itérative actuelle. Corrigez également la faute de frappe de *ngfor
à *ngFor
avec attribut d'habillage par "
<p *ngFor="let movie of movieList">{{movie}}</p>