例外：テンプレート解析エラー：「ngForFrom」にバインドできません。既知のネイティブプロパティではないため、

Question

hereとhereを検索しました。私は、角2用のバージョン2.0.0-beta.7を使用していますが、それはこのように私にエラーを与えている：

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>