EXCEPTION：模板解析錯誤：無法綁定到'ngForFrom'，因爲它不是已知的本地屬性

Question

我已搜索此here和here。我使用的2.0.0-beta.7版2角，但它給我的錯誤是這樣的：

EXCEPTION: Template parse errors: 
Can't bind to 'ngForFrom' since it isn't a known native property ("<h2>list of fruits</h2> 

<ul> 
<li [ERROR ->]*ngFor="#item from itemList">{{item.name}}</li> 
</ul>"): ItemComponent@2:4 
Property binding ngForFrom not used by any directive on an embedded template ("<h2>list of fruits</h2> 
<ul> 

按照

知道它是用駱駝外殼，但它不是爲我工作。

這裏是我的.ts文件：

import {Component} from "angular2/core"; 

@Component({ 
selector:'my-list' 
template:`<h2>list of fruits</h2> 
<ul> 
<li *ngFor="#item from itemList">{{item.name}}</li> 
</ul>` 
}) 

export class ItemComponent{ 
public itemList=[ 
{name:"Apple"}, 
{name:"Orange"}, 
{name:"Grapes"} 
]; 

} 

Answer 1

請使用角2發佈的最新版本，並如下修改代碼。

相比，你的代碼

import { Component } from "@angular/core"; 

@Component({ 
    selector: 'my-list', 
    template: `<h2>list of fruits</h2> 
       <ul> 
        <li *ngFor="let item of itemList">{{item.name}}</li> 
       </ul>` 
}) 

export class ItemComponent { 
    public itemList = [ 
     { name: "Apple" }, 
     { name: "Orange" }, 
     { name: "Grapes" } 
    ]; 

} 

的主要變化：

import {Component} from "angular2/core"; 

到

import { Component } from "@angular/core"; 

而且

<li *ngFor="#item from itemList">{{item.name}}</li> 

到

<li *ngFor="let item of itemList">{{item.name}}</li>