需要ngfor的解決方案

Question

//appcomponent.ts 
import { Component } from '@angular/core'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    heroes=[{name:"superman"},{name:"heman"}]; 
} 
//app.component.html 

<ul><li *ngfor="let hero of heroes">{{hero.name}}</li></ul> 

此代碼不起作用，並給我空白輸出。如果你有解決方案this.pls讓我知道

Answer 1

你已經完成了一個小的語法錯誤*ngfor 它遵循駱駝套，其中f必須在captial情況下。

正確的代碼下面附：

<ul> 
    <li *ngFor="let hero of heroes"> 
    {{hero.name}} 
    </li> 
</ul>